marowa-labs/workcontext

21st-dev-magic-mcp

Use the 21st.dev Magic MCP (now the 21st MCP) to generate, search, and fetch high-quality React components and UI inspiration. Use when you need to generate new components, get design inspiration, search for components, fetch specific component code, or find…

原文语言：英语

convex-create-component

Create Convex backend components for React applications. Use when building Convex backend functions, queries, mutations, actions, database schemas, or integrating Convex into a React app. Covers Convex functions, schema design, real-time subscriptions, and…

原文语言：英语

design-taste-frontend

Anti-slop frontend design guidance for creating distinctive, high-quality web interfaces that avoid generic AI-generated aesthetics. Use when building or refining frontend designs, landing pages, or UI components to ensure they have intentional design taste,…

原文语言：英语

frontend-design

Design and build high-quality, production-ready frontend interfaces that avoid the generic "AI-generated" look. Use when creating or reviewing web UI, landing pages, dashboards, components, or any frontend design work. Covers design principles, typography,…

原文语言：英语

gsap-master

Master GSAP (GreenSock Animation Platform) for creating high-performance web animations. Use when building animations, timelines, scroll-triggered effects, or interactive motion in web projects. Covers GSAP core, timelines, ScrollTrigger, plugins, React…

原文语言：英语

motion-framer

Master Motion (formerly Framer Motion), the production-ready animation library for React and JavaScript. Use when building animations, transitions, gestures, layout animations, scroll-based effects, or interactive motion in React applications. Covers motion…

原文语言：英语

shadcn-ui-mcp-server

Use the shadcn/ui MCP server to fetch, inspect, and apply shadcn/ui components, blocks, and themes directly into your project. Use when you need to add shadcn/ui components, browse the component library, get component demos and metadata, apply themes, or work…

原文语言：英语

ui-ux-pro-max

Advanced UI/UX design intelligence for creating exceptional, production-grade interfaces. Use when designing or reviewing user interfaces, user experiences, design systems, or when you need expert-level guidance on layout, visual design, interaction design,…

原文语言：英语

vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. Use when building or reviewing React and Next.js applications to ensure optimal performance, including eliminating waterfalls, reducing bundle size, optimizing server-side…

原文语言：英语

vercel-react-native-skills

React Native and Expo best practices from Vercel Engineering. Use when building or reviewing React Native and Expo applications to ensure optimal performance and quality. Covers list performance, animation, navigation, UI patterns, state management,…

原文语言：英语