Vibe CodingUi
anydesign
Analyzes any image, URL, or Figma file and produces a structured design.md with the full design system and component inventory, portable to …
Canvas Design
Guides an agent toward genuinely well-designed visual output — layout, spacing, and typography discipline — instead of default, generic …
Figma
Connects an agent to a Figma file's Dev Mode data — component structure, styles, and layout — so it can generate code that matches an actual …
Frontend Design
Guides distinctive, intentional visual design decisions for new or reshaped UI — palette, typography, layout, and motion choices grounded in …
shadcn/ui Skill
Gives Claude Code direct context on shadcn/ui components plus pattern enforcement for consistent usage.
v0
Vercel's AI UI generator that turns prompts and screenshots into working React components, styled with Tailwind and shadcn/ui.