Design Skill

Use this skill when doing UI/UX work, component authoring, design systems, theming, layouts, or design research in this repo. It directs the agent to use the shadcn and Magic UI MCPs and to align with the project's design system.

When to Use

• User asks for UI/UX work, new or updated components, design systems, theming, or layouts.
• User wants design research, design-system best practices, or comparative analysis (e.g. "research dashboard patterns," "best practices for X").
• Building or refining interfaces in this repo (Next.js, Tailwind, shadcn, Verse/MNKY LABZ).

Instructions

Core MCPs

1. shadcn MCP (server shadcn in mcp.json)
   • Use for shadcn/ui components: add, customize, and align with the project's components/ui and Tailwind setup.
   • Prefer shadcn for forms, buttons, dialogs, data tables, and layout primitives.
   • Keep components consistent with existing shadcn usage in the codebase.