cyberneticlibrary

Get UI inspiration from design system

iuicommandsetup L12
yuens1002/artisan-roast
What it does

Generate shadcn components following project design conventions

Best for

Quickly generating shadcn components that match this project's design system without manual tweaking

Inputs
  • · Component requirements prompt sent to shadcn-studio MCP
  • · Project code conventions (flat cards, gap-4 grids, space-y-12, etc.)
Outputs
  • · React/JSX code with shadcn-studio generation applied
  • · Code modified to match project conventions before writing
Requires
  • · shadcn-studio MCP (get-inspire-instructions tool)
Preconditions
  • · shadcn-studio MCP server configured
  • · Project using shadcn/ui as component library
Failure modes
  • · shadcn-studio MCP not available
  • · Generated code does not compile after convention application
  • · MCP times out or returns incomplete response
Trust signals
  • · Lists specific project conventions (rounded-lg border p-6 for cards, no CardContent wrappers)
  • · Enforces max-width 72ch for desktop content
  • · Explicit spacing rules (space-y-12 between sections, gap-4 in grids)
  • · Bottom-aligned CTAs pattern for cards