Astro plugins

Optimizes web content for search engines by generating SEO metadata, analyzing keyword density, structuring content headings and schema, and formatting content for featured snippets and SERP features, with platform-specific configurations for WordPress, Astro, and Next.js.

Apply Vercel's curated React, Next.js, and React Native best practices for performance, rendering, animations, and state management. Deploy and audit Vercel projects, review UI accessibility and design, and check documentation against Vercel writing guidelines.

Scaffold and extend full-stack TypeScript monorepos using Better-T-Stack, with an agent that designs a valid stack from a product description and an MCP server that generates project files or adds addons like PWA, Tauri, and Biome.

Initialize, develop, and migrate durable workflows with Vercel's Workflow SDK. Set up isolated dev sessions with branch-scoped URLs, install the SDK with auto-detected framework support, and port existing orchestrations from Temporal, Inngest, Trigger.dev, or AWS Step Functions.

Conduct design interviews to generate five UI variations matching your project's style, collect feedback, refine the best elements, and output implementation plans.

Navigate and inspect Intlayer i18n keys with go-to-definition, find references, and hover information across JavaScript, TypeScript, Vue, Astro, and Svelte files.

Manage Sanity CMS content, schemas, and queries from Claude Code: design structured content models, write GROQ queries, generate TypeScript types, deploy schemas, migrate content from other CMSes, and implement Visual Editing, SEO, and A/B testing workflows.

Deterministic design intelligence for AI coding: run structured accessibility audits, UX audits, motion reviews, and anti-AI-slop linting; generate design systems, components, microcopy, and case studies from briefs without LLM calls.

Lets developers architect software and design UI/UX from first principles, enabling genuinely new solutions rather than derivative work. Useful for feature design, app architecture, brainstorming, design reviews, and strategy discussions.

Implement Clerk authentication with organizations, billing, webhooks, and testing across frontend, backend, and mobile frameworks including Next.js, React, Vue, Nuxt, Astro, Expo, React Native, Android, and iOS.

Manage content for static sites with a lightweight Git-backed headless CMS. Supports blogs, documentation, i18n, and resolves common OAuth, TOML/YAML, and CORS errors. Integrates with Astro, Next.js, and other static site generators, deployable to Vercel and Netlify.

Create and deploy Power Pages code sites as SPAs using React, Angular, Vue, or Astro. Manage Dataverse tables, set up Entra ID authentication and role-based permissions, add SEO metadata, and test deployed sites with Playwright.

When asked to 'understand this frontend', map its component tree, routing, state management, and build config, then assess bundle size, dependency freshness, test coverage, and TypeScript strictness.

Build production-grade UI components, dashboards, and internal tools from design specs, with built-in audits for performance, accessibility, and code quality across modern frontend frameworks.

Orchestrate autonomous coding agents to build software from specs — fetch designs (Figma) or tickets (GitHub, Linear, Notion), auto-generate implementation plans, write code, run validation, and commit changes.

Orchestrates a disciplined, doc-driven feature/issue workflow from design through shipping: interviews to define scope, plans features with SPECs, implements phased changes, runs multi-axis reviews (code, security, performance, accessibility, SEO, brand, tech debt), audits merge readiness, and closes with fix loops and session logging.

Build modern, accessible, performant UIs with Tailwind CSS v4 using CSS-first configuration, mobile-first responsive design, WCAG 2.2 patterns, dark mode, and performance optimization. Includes setup for React, Next.js, Vue, Astro, and migration from v3 to v4.

Orchestrate multi-phase codebase audits, code reviews, and project execution with autonomous agents, slash commands, and lifecycle hooks. Enforce design-system compliance, accessibility standards, and architectural boundaries across full-stack projects. Manage knowledge graphs, specs, roadmaps, and post-mortems with persistent state tracking.

Build full-stack Astro 6/7 sites with Islands Architecture, Content Layer API, Server Actions, Astro DB, multi-framework integration, image optimization, SEO, and Starlight documentation. Deploy to Vercel, Netlify, Cloudflare, or Node.js. Enforce clean architecture with SOLID principles.

Manage Netlify deployments, serverless functions, edge functions, forms, identity, image CDN, blobs, caching, and AI gateway from Claude Code. Configure site settings, deploy frameworks, provision managed Postgres databases with Drizzle, and build custom MCP servers on Netlify Functions.

Transform research notes, session logs, code, and drafts into structured technical blog posts following a six-beat narrative (hook, problem, approach, discoveries, validation, result), with built-in support for Astro frontmatter.

Optimize CSS with Lightning CSS transpilation and minification, and generate on-demand atomic CSS with UnoCSS and its presets, integrated into Vite, Nuxt, Astro, or Svelte projects.

Streamline daily development workflows with skills for fetching release notes, reading public URLs, creating Excalidraw diagrams, organizing GitHub starred repos, building marketing pages, managing Claude Code personas, and cleaning session artifacts.

Initialize, audit, migrate, and optimize Tailwind CSS v4 projects. Detects project type (Next.js, React, Vue, Vite, Astro, Go/Templ, HTML), installs dependencies, creates CSS entry files, and configures build scripts. Analyzes bundle size, unused classes, source coverage, and CSS variable bloat with optional auto-fix and markdown reports. Migrates v3 tailwind.config.js to v4 CSS-based @theme/@source directives.

Migrate WordPress blogs to Astro static sites by processing XML exports, converting HTML to markdown, downloading images, and setting up content collections.

Migrate static site generator sites to CloudCannon CMS, including site configuration, visual editing, snippet support, and an end-to-end migration workflow.

Build fast content-driven Astro sites with islands architecture, content collections, view transitions, SSR adapters, i18n, sessions, and server actions. Includes a step-by-step guided tutorial for building a personal blog with Claude as a co-pilot.

Optimize content for technical SEO: analyze keyword usage and density, generate meta titles/descriptions with character-limit validation and platform-specific configs for WordPress, Next.js, and Astro, format content for featured snippets, and improve site structure with header hierarchy and internal linking.

Generate SEO-optimized static websites for local businesses with hundreds of programmatic pages, JSON-LD schema, and internal linking, using Astro and Cloudflare Pages.

Scaffold and configure Better Auth in JavaScript/TypeScript projects across frameworks like Next.js, SvelteKit, and Astro — handles database adapters (Prisma, Drizzle, MongoDB), OAuth providers, email/password auth, multi-tenant organizations with RBAC, and 2FA/MFA flows, including TOTP and backup codes.

Orchestrates multi-agent development workflows across architecture, code generation, testing, CI/CD, security, and documentation using a constructor-pattern skill system with parallel agents and sleep-sync session persistence.

Set up and configure shadcn/ui component library with Tailwind CSS, including CLI commands, theming (OKLCH, dark mode, RTL), form patterns, and framework-specific setups for Next.js, Vite, Astro, and Remix.

End-to-end startup pipeline from idea validation through research, PRD generation, scaffolding, TDD build, deployment, and launch promotion, with multi-agent orchestration and code intelligence across projects.

Orchestrate parallel full-stack development with specialized Agent Teams for frontend (Next.js/Astro), mobile (Flutter), backend (Go/TypeScript), infrastructure (Terraform/GCP), and SRE roles, enabling concurrent work on greenfield projects, bug fixes, and maintenance.

Generate production-ready Astro 5 landing pages with Tailwind CSS v4 by first conducting a structured interview to craft high-converting copy, then scaffolding the full project with layouts, navbar, footer, and sections.

Generates complete responsive static sites with AI-generated images and videos via Freepik, using a conversational 3-phase briefing to choose from three aesthetic kits (Portfolio Editorial, Clínica Estética, Tech Apple-ish).

Engineers interactive frontend experiences with animations (GSAP, Lenis), 3D/WebGL (Threlte), scrollytelling, data visualization (D3, Layer Cake), and design systems (typography, color, spacing). Includes agents for aesthetic direction, technical architecture, visual design implementation, and UX research validation.

Automate SEO and GEO growth engineering: inventory site pages, audit on-page signals, generate landing pages and blog posts via query-fanout, wire semantic internal links, build sitemaps and robots.txt, produce llms.txt, and humanize AI-generated copy.

Generate and deploy a production-ready Astro service business website to Cloudflare, with built-in SEO auditing and content copywriting.

Design and build interactive frontend experiences with animations, 3D/WebGL, scrollytelling, and data visualization using Svelte, Astro, and D3. Includes agents for aesthetic direction, technical architecture, design system implementation, and UX research validation.

Build and deploy Astro sites with AI assistance: create components, pages, content collections, configure SSR adapters, and manage project structure and CLI commands.

Optimize content for search engines by analyzing keyword density, generating meta tags with character validation, formatting for featured snippets, and structuring headers with schema markup and internal linking suggestions.

Manages a structured blog content pipeline from idea to publication: brainstorm, research, outline, draft, review, SEO check, and platform promotion. Supports multi-part series, author personas, and iterative refinement with automated quality checks for Astro and Next.js blogs.

Develop Astro and Starlight projects with tiered context loading for coding patterns, best practices, and on-demand documentation lookup. Plan system architectures, implement features, fix bugs, and create components with automatic code validation.