Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By vcode-sh
Guide installation, configuration, theming, and usage of shadcn/ui React components with Tailwind CSS and Radix/Base UI primitives, using CLI commands, components.json, CSS variable theming including OKLCH colors, dark mode, RTL support, form patterns with React Hook Form or TanStack Form, and setups for Next.js, Vite, Astro, Remix, Laravel, Gatsby, TanStack Start, and monorepos.
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub vcode-sh/vibe-tools --plugin shadcn-guideGenerate WordPress Gutenberg blocks using Greenshift/GreenLight. Create sections, layouts, hero sections, galleries, complete pages, and migrate old blocks to modern GreenLight Element format.
Build type-safe APIs with oRPC — end-to-end type safety meets OpenAPI compliance. Covers procedures, routers, middleware, context, error handling, file uploads, SSE/streaming, server actions, contract-first development, OpenAPI spec generation, and 20+ framework adapters (Next.js, Express, Hono, Fastify, WebSocket, Electron, Cloudflare Workers, and more). Includes TanStack Query, SWR, Better Auth, AI SDK, and Sentry integrations.
Add type-safe keyboard shortcuts to React apps with TanStack Hotkeys. Covers hotkey registration, cross-platform Mod shortcuts, Vim-style multi-key sequences, hotkey recording for customization UIs, real-time key state tracking, platform-aware display formatting, and devtools integration.
Build ultrafast web APIs and apps with Hono across any JavaScript runtime. Covers routing, Context API, 25+ built-in middleware (auth, CORS, caching, security), type-safe RPC client, Zod/Standard Schema validation, JSX rendering, streaming/SSE, WebSocket, cookie/JWT helpers, testing patterns, and deployment to Cloudflare Workers, Bun, Deno, Node.js, AWS Lambda, Vercel, Netlify, and more.
Build type-safe, file-based routing for React with TanStack Router. Covers first-class search param APIs with Zod/Valibot/ArkType validation, built-in data loading with SWR caching, automatic code splitting, 100% inferred TypeScript types, authentication with route protection, SSR streaming and dehydration, route masking, URL rewrites, view transitions, document head management, scroll restoration, and bundler configuration for Vite, Webpack, Rspack, and esbuild.
Build accessible React UIs with Base UI (@base-ui/react). Covers all 35+ unstyled, headless components (Dialog, Menu, Select, Combobox, Tabs, Accordion, Toast, Form, Slider, etc.), styling patterns (Tailwind, CSS Modules, CSS-in-JS), animations, composition via render props, form integration, and TypeScript types.
ShadcnBlocks integration with intelligent block selection. Uses multi-dimensional tagging (layout, tone, goal, media, interaction) and guided 1-2 question flow to recommend the best-fit blocks from 1,338 premium blocks and 1,189 free components.
Expert shadcn/ui with Radix UI and Base UI detection, component patterns, registries, theming, and migration
Tailwind v4 theming and shadcn/ui component installation, customisation, and recipes.
100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.