Menu
SkillsMP has collected 10 skills from marowa-labs/workcontext. Open a skill to review its source and details.
Showing 10 of 10 collected skills.
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…
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…
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,…
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,…
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…
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…
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…
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,…
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…
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,…