メニュー
SkillsMP は marowa-labs/workcontext から 10 件の skill を収集しています。skill を開くとソースと詳細を確認できます。
収集済み skill 10 件中 10 件を表示しています。
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,…
原文の言語: 英語