abhisheksharma-17/astro
skills/astro/SKILL.md
Astro — the web framework for content-driven websites with islands architecture, zero-JS by default, and multi-framework component support. MANDATORY TRIGGERS: astro, astro.build, .astro files, astro config, content collections, content layer, islands architecture, client:load, client:idle, client:visible, client:only, server islands, astro actions, astro middleware, astro endpoints, view transitions, ClientRouter, astro adapter, SSR adapter, static output, on-demand rendering, hybrid rendering, astro integrations, astro MDX, astrojs. Also trigger when the user asks about building a content-driven site, blog, documentation site, marketing site, SSG with partial hydration, mixing React/Vue/Svelte components in one app, or zero-JavaScript websites. When in doubt about whether to use this skill for content-driven web development with Astro, use it.
$ install --global
skillsauthnpx skillsauth add abhisheksharma-17/skills-graph astroInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 17, 2026, 3:07 PM208.7s18 files scanned
SKILL.md
- name:
- astro
- description:
- Astro — the web framework for content-driven websites with islands architecture, zero-JS by default, and multi-framework component support. MANDATORY TRIGGERS: astro, astro.build, .astro files, astro config, content collections, content layer, islands architecture, client:load, client:idle, client:visible, client:only, server islands, astro actions, astro middleware, astro endpoints, view transitions, ClientRouter, astro adapter, SSR adapter, static output, on-demand rendering, hybrid rendering, astro integrations, astro MDX, astrojs. Also trigger when the user asks about building a content-driven site, blog, documentation site, marketing site, SSG with partial hydration, mixing React/Vue/Svelte components in one app, or zero-JavaScript websites. When in doubt about whether to use this skill for content-driven web development with Astro, use it.
- license:
- MIT
- version:
- 1.0.0
- author:
- Abhishek Sharma
- tags:
- ["astro", "web-framework", "ssg", "ssr", "islands-architecture"]
Astro
Skill Version: 1.0.0 | Tracks: Astro v5.17 (stable), Astro v6 beta | Source: https://docs.astro.build
Astro is the web framework for content-driven websites — blogs, marketing pages, documentation, e-commerce. It pioneered the islands architecture: ship zero JavaScript by default, hydrate only the interactive components. Astro lets you mix React, Vue, Svelte, Solid, Preact, and Lit in a single project, and deploy as static (SSG), on-demand (SSR), or hybrid.
Reference Files
| Reference | File | Read When |
|-----------|------|-----------|
| Overview | references/00-overview.md | "what is astro", "install astro", "getting started", "create astro app" |
| Project Structure | references/01-project-structure.md | "astro.config.mjs", "directory layout", "src/pages", "public folder", "TypeScript setup" |
| Pages & Routing | references/02-pages-and-routing.md | "file-based routing", "dynamic routes", "[slug].astro", "getStaticPaths", "params" |
| Astro Components | references/03-astro-components.md | ".astro syntax", "component frontmatter", "props", "slots", "Astro.props" |
| Content Collections | references/04-content-collections.md | "content collections", "content layer", "defineCollection", "getCollection", "loaders" |
| Islands & Client Directives | references/05-islands-and-client-directives.md | "islands architecture", "client:load", "client:visible", "client:only", "framework components" |
| Rendering Modes | references/06-rendering-modes.md | "output static", "output server", "prerender", "on-demand", "hybrid rendering" |
| Actions | references/07-actions.md | "astro actions", "server actions", "defineAction", "form handling", "type-safe RPC" |
| Middleware | references/08-middleware.md | "middleware.ts", "onRequest", "Astro.locals", "sequence", "request interception" |
| Endpoints & API Routes | references/09-endpoints-and-api-routes.md | "API routes", "endpoints", "GET POST handler", "Response object", "JSON API" |
| View Transitions | references/10-view-transitions.md | "view transitions", "ClientRouter", "transition:name", "transition:animate", "SPA navigation" |
| Integrations & Adapters | references/11-integrations-and-adapters.md | "astro add", "Tailwind integration", "MDX", "Node adapter", "Cloudflare adapter", "Vercel adapter" |
| Deployment & Best Practices | references/12-deployment-and-best-practices.md | "deploy astro", "env vars", "image optimization", "performance", "common pitfalls" |
Installation
# Create new Astro project (recommended)
npm create astro@latest
# Or with alternative package managers
pnpm create astro@latest
yarn create astro
bun create astro@latest
# Add to existing project
npm install astro
# Copy skill to Claude Code
cp -r . ~/.claude/skills/astro/
Quick Reference
- Docs: https://docs.astro.build
- GitHub: https://github.com/withastro/astro
- Integrations Directory: https://astro.build/integrations
- Themes: https://astro.build/themes
- Blog (release notes): https://astro.build/blog/
Related Skills
abhisheksharma-17/weaviate
tools
VerifiedTrustedCommunity
Open-source AI-native vector database for semantic search, hybrid search, RAG, and agent-driven workflows with multi-tenancy and model provider integrations. MANDATORY TRIGGERS: weaviate, Weaviate, weaviate-client, near_text, near_vector, hybrid search vector database, WeaviateClient, weaviate.connect, collections.create, query.near_text, query.hybrid, query.bm25. Also trigger when user wants to build semantic search, store vector embeddings, implement RAG pipelines, combine keyword and vector search, set up multi-tenant vector storage, use named vectors, or integrate vector DB with LLM providers. When in doubt about whether to use this skill for vector database or semantic search tasks, use it.
1SKILL.mdUpdated Jun 4, 2026
abhisheksharma-17/playwright
tools
VerifiedTrustedCommunity
End-to-end testing and browser automation framework by Microsoft — locators, assertions, fixtures, network mocking, visual testing, tracing, codegen, API testing, and CI/CD integration. MANDATORY TRIGGERS: playwright, Playwright, @playwright/test, page.goto, page.click, page.locator, getByRole, getByText, getByTestId, expect(page), toHaveScreenshot, playwright.config, npx playwright. Also trigger when user wants to write E2E tests, automate browser interactions, test across Chromium/Firefox/WebKit, mock network requests in tests, do visual regression testing, generate tests with codegen, or set up CI test pipelines. When in doubt about whether to use this skill for browser testing or E2E automation tasks, use it.
1SKILL.mdUpdated Jun 4, 2026
abhisheksharma-17/openai-agents-sdk
tools
VerifiedTrustedCommunity
OpenAI Agents SDK for building multi-agent workflows with tools, handoffs, guardrails, streaming, MCP, sessions, and tracing. MANDATORY TRIGGERS: openai-agents, openai agents sdk, openai-agents-python, openai agents, Runner.run, function_tool, handoff, guardrail, MCPServerStdio, MCPServerStreamableHttp, HostedMCPTool, RunContextWrapper, AgentHooks. Also trigger when user wants to build multi-agent systems with OpenAI models, create agent orchestration with handoffs, add guardrails to LLM applications, integrate MCP servers with agents, implement streaming agent responses, or use OpenAI's official agent framework. When in doubt about whether to use this skill for OpenAI agent tasks, use it.
1SKILL.mdUpdated Jun 4, 2026
abhisheksharma-17/haystack
tools
VerifiedTrustedCommunity
AI orchestration framework for building production-ready RAG applications, autonomous agents, and multimodal search systems. MANDATORY TRIGGERS: haystack, deepset, haystack-ai, haystack pipeline, haystack agent. Also trigger when the user wants to build RAG pipelines with modular components, create tool-calling agents with Haystack, orchestrate retrieval-augmented generation, build semantic search systems, or evaluate LLM pipelines. When in doubt about whether to use this skill for RAG orchestration or AI pipeline tasks, use it.
1SKILL.mdUpdated Jun 4, 2026