Module: Frontend UI Implementation with Shadcn and Magic UI

1. Module Metadata

• Module ID: agent.module.frontend-ui-magic-shadcn
• Version: 1.0.0
• Maturity: production
• Scope: Guides agents on generating, installing, configuring, and using Shadcn and Magic UI components natively in Next.js + Tailwind web applications.
• Primary outcomes:
  • Standardized setup of Tailwind CSS, Shadcn architecture, and Magic UI tokens.
  • Reproducible premium component generation using CLI and MCP native tools.
  • Consistent and robust aesthetic across UI components.

2. Mission and Applicability

Use this module when generating rich, highly animated, and premium frontend interfaces in Next.js.

Apply when:

• Creating new visual components, dashboards, or landing pages.
• Adding complex micro-animations or modern glassmorphism designs.
• Interacting with UI design tools (e.g., Shadcn CLI, Magic UI MCP Context).