shadcn/ui Plugins

Orchestrate spec-driven AI-assisted development workflows: initialize projects with phased roadmaps, generate research/plans/UI specs, execute tasks via parallel AI agents with atomic git commits, verify/audit code quality/security/tests, manage milestones/releases, and automate documentation.

Automate frontend workflows: generate Tailwind-powered landing pages and multi-page marketing sites from briefs with screenshots and videos; set up Tailwind v4 themes and install shadcn/ui components in React/Next.js apps; review visual designs, extract design systems, and audit React performance patterns.

Run autonomous full-stack dev workflows in Claude Code: generate PRDs/specs via interviews, execute Ralph/autodev loops for overnight PRD implementation with git branching/testing/committing, parallelize tasks across 12 agents (architect, frontend-dev, code-reviewer), build React/Tailwind/shadcn UIs and FastAPI backends, TDD/E2E test/verify/review code, automate git commits/PRs, and audit harness health.

Build server-driven SPAs with Rails backend and Inertia.js frontend in React, Vue, or Svelte by applying skills for project setup, architecture patterns, controllers with props and redirects, full-stack forms and validation, page components with layouts and navigation, TypeScript type generation from Ruby resources, shadcn UI adaptations, and RSpec/Minitest response testing.

Recommend and install the best-fit shadcn/ui components and ShadcnBlocks for React/Next.js Tailwind frontends. Use multi-dimensional tagging (layout, tone, goal, media, interaction) and answer 1-2 guided questions to select from 1,338 premium blocks and 1,189 free components for landing pages, dashboards, heroes, pricing sections.

Generate animated React components from Magic UI and shadcn-ui, choreograph complex sequences with Anime.js and React Spring, render Lottie animations, apply AOS scroll reveals, and optimize performance. Use Python commands to import components, build configs/props/timelines, and consult specialist agents for integration and best practices in web UIs.

Run spec-driven development workflows with local MCP servers providing Semgrep SAST scans, Trivy container/IaC vulnerability checks, shadcn/ui React component generation and installation, Playwright browser automation via accessibility trees, Chrome DevTools Protocol for web debugging, GitHub git operations, Backlog project management, and AI-assisted security triage/fixes.

Automate complete GitHub workflows: decompose tasks into dependency-ordered issues, triage/execute/fix via specialized agents, implement pixel-perfect React/Next.js/shadcn UIs from designs, create/update PRs, resolve reviews, run CI checks, and access DevTools/docs MCPs for debugging.

Delegate Rails UI development to generate consistent, accessible components as Tailwind-styled ERB partials inspired by shadcn/ui. Enables feature UI implementation, view and page creation, form building, layout design, and UI reviews in Rails apps.

Orchestrate 70+ AI agent skills and slash commands to automate full dev lifecycle: bootstrap projects with tests/deploy pipelines, enforce TDD/debugging/quality gates, generate UX designs/content, scan secrets, manage git worktrees, and run safe multi-gate deployments from idea to production.

Embed framework-agnostic version badges in React, Vue, Svelte, Next.js, or Nuxt apps to display build version, git commit SHA, timestamp, branch, and changelog details in interactive tooltips for debugging and support workflows. Auto-detects Tailwind and shadcn/ui setups.

Automate end-to-end SaaS development in Claude Code: generate PRDs from ideas, research Reddit markets and score leads, audit Next.js SEO/security vulnerabilities with fixes, build/migrate DaisyUI UIs, orchestrate CEO-led multi-agent teams with git worktrees, track projects/milestones/tasks, persist dev knowledge in wiki/mem DB, self-learn from mistakes, and loop repetitive tasks.