В каталоге 183 730 навыков в 14 категориях.
Enforce the calm-motion rule across every animation, transition, and micro-interaction. 200ms ease-out default, no sprin...
Build any of 16 premium motion effects from scratch in your own brand, as one 8-second looping HTML file with window.see...
Use when a web project needs animation or motion-tool selection across native CSS/WAAPI/View Transitions, Motion, Anime....
Plans and reviews coherent motion systems for websites and digital interfaces, defining choreography, timing, easing, tr...
Motion (motion.dev / framer-motion v12+) animation expert. Covers the full engine — projection/FLIP, WAAPI vs main-threa...
Create professional launch films, product explainer videos, app walkthroughs and kinetic-typography motion graphics as O...
Diagnose and fix Motion/Framer Motion FLIP layout drift, especially layoutId indicators, selected tabs, shared elements,...
Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, va...
Animación en React con Motion (ex Framer Motion): variants, gestos, layout, AnimatePresence, springs, useScroll. ÚSALA e...
Single-frame motion-design composition with looping CSS animations. Rotating type ring, animated globe, ticking timer, p...
Plan and render reusable film and campaign motion graphics such as title cards, lower thirds, watermarks, end cards, tex...
A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit,...
Use when creating a short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, ch...
Tommy's taste for motion graphics videos (launch videos, promo videos, product demos, explainers): something always move...
Use when designing, adding, changing, suggesting, or reviewing UI motion. Motion Guide is a default-trigger motion decis...
Make code-first motion (an animation that is a program, rendered frame by frame in a headless browser) look directed ins...
为当前网页或组件查找、选型和改造动效。包含 160 个案例的 HTML/CSS/JS、参数与中英文索引，覆盖基础、文字、交互和高级动效。
Motion layout animation internals - layoutId, layoutGroup, FLIP mechanism, NodeStack promote/relegate, scale correction....
Brand motion graphics for creator videos - a Remotion component kit (key phrases, lists, lower thirds, journeys, big wor...
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animatio...
Review whole motion-system release resilience.
Make a looping product or photo reel, 8 to 15 seconds, from the user's own images (product shots, screenshots, cutouts,...
Motion design foundation - timing, easing, enter/exit patterns, accessibility, performance.
Turn a voiceover into a slick, portfolio-grade motion-graphic promo or ad with Remotion. Works from an MP3, WAV, M4A or...
Write a complete 8-part Claude Motion prompt (The bar, Format, The one rule, Look, Motion, Never, Before you finish, The...
Animate state-driven layout/layoutId changes.
Design tactile interaction feedback and timing.
Animate routes; support native View Transitions.
Implement Motion APIs, presence and lifecycle.
Use when reviewing a film's source or a diff to its index.html or timeline.js, before a render, or when asked whether a...
Build motion-rich websites and sections as running code: WebGL hero, particles, scroll-driven 3D, GLSL shader background...
Master motion tracking techniques for video production including planar tracking, 3D camera tracking, and matchmoving. U...
React/Next.js 生产级 UI 动效系统——实现动画、转场和微交互时使用
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Production-ready React/Next.js motion system (Framer Motion / Motion for React) covering tokens, AnimatePresence, reduce...
Make a looping app or product UI promo, 8 to 15 seconds, from the user's screenshots or live site. A phone, tablet or br...
Use when asked for a launch video, product video, explainer, product tour, showreel, social cut, motion ad, product demo...
Rebuilds an AI-generated (or any) flat motion design video as clean, editable code: inline SVG shapes animated by one GS...
Use for creating new packs/workflows, adding domains/workers, or adding quality/neg suites with station-compatible scrip...
Designs systems for encoding, scoring, and generating choreographic movement using Laban notation, computational geometr...
Orchestrates Multi-Page Application (MPA) architecture within a single repository, integrating with relevant skills / Me...
MPS(Media Processing Suite) - PDF 및 이미지(PNG, JPG)의 워터마크 제거, 블로그 최적화(1200px, WebP/JPEG). PNG 10MB 자동 압축으로 네이버 블로그 한도 준수....
Mock Service Worker (MSW) for API mocking. Use when testing frontend components with network mocking, simulating API err...
Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identi...
Analyze a website URL and generate a redesigned, improved UI — recreate the visual design with modern aesthetics, better...
Build enterprise Blazor applications with MudBlazor component library. Use when creating forms, data grids, dialogs, nav...
Creates Material Design UI components and touch-optimized interfaces for Blazor WebAssembly. Use when: building dashboar...
Padrões da biblioteca de componentes Material-UI v7 incluindo estilização com sx prop, integração de tema, design respon...
Step-by-step guidance for mui.
Material UI — accessible React + Material Design; official MCP.
Material UI component library best practices for React applications. Component patterns, theming, styling with sx prop,...
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-speci...
MUI Base UI style guidelines for building headless React component libraries (formerly headless-ui-style). This skill sh...
MUI (Material-UI) 组件库使用指南和参考文档。在需要使用 MUI 组件开发 UI 时自动触发：(1) 创建或修改使用 Material-UI 的 UI 组件，(2) 解决 MUI 组件实现问题，(3) 查询 MUI 组件属性...
MUI X Charts for data visualization in React applications. Line charts, bar charts, pie charts, customization, theming....
End-to-end software development workflow agent using memex-cli with multiple AI backends. Orchestrates 5 stages: (1) Req...
This skill should be used when the user asks to "choose between skill and agent", "compose multi-agent system", "orchest...
Runs read-only parallel review of a PR, branch, commit, or diff across bugs, security, tests, maintainability, performan...
Build and deploy the same feature consistently across web, mobile, and desktop platforms using API-first architecture an...
Scaffold multi-role authentication: NextAuth.js with admin/guest/owner/customer roles in Next.js, or Laravel Breeze with...
Designing forms with multiple steps, progress indicators, conditional logic, and save-and-resume mechanics. The discipli...
Use when synchronizing multiplayer state — MultiplayerSynchronizer, interpolation, prediction, and lag compensation
Define and manage design tokens, apply tokens to existing code, and build design systems. Responsible for token system d...
Defining and managing design tokens, applying token systems to existing codebases, building design system foundations. U...
Use this skill when DESIGNING music content - choosing keys, chord progressions, tempos for specific contexts. **Trigge...
Deep knowledge of punk rock, ska, reggae, dub, ragga, dubstep, and American roots music including Woody Guthrie, Bob Dyl...
Master music theory fundamentals including scales, chords, harmony, counterpoint, and composition techniques for creatin...
For musicians, video creators, and social-media editors producing AI music videos or emotional short films with lyric ty...
Complete musical taste profile of Laimis based on analysis of 124 tracks (38 parameters each) and 3 playlists. Use this...
MVP analysis, product analysis, app teardown, analyze this app, what does this app do, product breakdown, feature analys...
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
House style for every HTML page or artifact the user asks for: reports, runbooks, checklists, dashboards, explainers. IB...
Builds SwiftUI views with modern MV architecture, state management, navigation, sheets, deep links, previews, theming, c...
UX principles for the My Work canvas (the my-issues-triage panel). Use before changing, rebuilding, restyling or customi...
Affix component that makes content stick to fixed places when scrolling. Invoke when user needs to implement sticky posi...
Anchor component for navigation and table of contents. Invoke when user needs to implement anchor navigation, table of c...
Avatar component for displaying user profile images, icons, or text. Invoke when user needs to implement user avatars, a...
Badge component for displaying status indicators and notification counts. Invoke when user needs to show numerical badge...
Button component with various types, sizes, and styles. Invoke when user needs to implement buttons, button groups, or c...
Calendar component for displaying and selecting dates. Invoke when user needs to implement date selection, date display,...
Card component for displaying content in a contained, organized manner. Invoke when user needs to implement content card...
Collapse component for creating expandable/collapsible content panels. Invoke when user needs to implement accordions, F...
A color picker component for selecting colors with support for multiple color modes, alpha channel, swatches, custom tri...
Countdown component for displaying time countdown. Invoke when user needs to implement countdown timers, deadlines, or t...
A powerful data table component for displaying structured tabular data with features like sorting, filtering, pagination...
Dialog component for modal confirmations and user interactions. Invoke when user needs to create modal dialogs, confirma...
Discrete API for using message, dialog, notification, loadingBar, and modal outside setup context. Invoke when user need...
Drawer component for slide-out panels and side navigation. Invoke when user needs to create slide-out panels, sidebars,...
Dropdown component for displaying contextual menus and action lists. Invoke when user needs to implement dropdown menus,...
Element component that provides access to theme CSS variables. Invoke when user needs to use theme variables in custom e...
Text ellipsis component for truncating long text with tooltip support. Invoke when user needs to handle text overflow, m...
Empty component for displaying empty states. Invoke when user needs to show empty data states, no results, or placeholde...
Equation component for rendering mathematical equations using KaTeX. Invoke when user needs to display mathematical form...
Flex layout component using CSS flexbox with gap support. Invoke when user needs to implement flexible layouts, spacing...
Floating action button component with menu, badge, and group support. Invoke when user needs floating buttons, FAB menus...
A comprehensive form component for data collection, validation, and submission in Naive UI. Provides flexible layout opt...
Global style component that syncs theme styles to document.body. Invoke when user needs to apply global theme styles lik...
CSS Grid-based responsive grid system component. Invoke when user needs to implement grid layouts, responsive designs, o...
Highlight component for highlighting matched text patterns. Invoke when user needs to highlight search results or specif...