銷售同市場推廣
UI Pro Magic — Design System + Component Generation
Two-layer UI/UX skill that combines the strategic design intelligence of
ui-ux-pro-max (50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart
types, 9 stacks) with the component generation capabilities of the 21st.dev
Magic MCP (component builder, refiner, inspiration, logo search). Use for any
request that involves designing, building, refining, or auditing UI — landing
pages, dashboards, SaaS apps, e-commerce, mobile, components. Workflow: 1) lock
the design system with ui-ux-pro-max (style, palette, typography, anti-patterns),
2) generate components with Magic MCP constrained by that system, 3) run the
pre-delivery checklist. Trigger examples: "build me a landing page for...",
"design a dashboard for...", "create a hero section", "generate a pricing table",
"improve the UI of...", "refine this component". Do NOT trigger for pure
backend tasks, data pipelines, or non-UI code.