前端

flags

250Kfrontend

Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.

react

获取

flow

250Kfrontend

Use when you need to run Flow type checking, or when seeing Flow type errors in React code.

react

获取

feature-flags

249Ktesting-qa

Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.

react

获取

test

249Ktesting-qa

Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.

react

获取

verify

249Kfrontend

Use when you want to validate changes before committing, or when you need to check all React contribution requirements.

react

获取

extract-errors

249Kfrontend

Use when adding new error messages to React, or seeing "unknown error code" warnings.

react

获取

fix

247Kfrontend

Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.

react

获取

fix

247Kfrontend

当出现 Lint 报错、代码格式问题，或在提交代码前确保能顺利通过 CI 时使用。

facebook

获取

vue-patterns

240Kfrontend

Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns. Activates for Vue, Nuxt, Vite, or Pinia projects. Use when building or reviewing Vue 3, Nuxt, or Pinia code — Composition API, reactivity, or router navigation.

affaan-m

获取

frontend-a11y

240Kfrontend

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.

affaan-m

获取

agent-sort

240Kfrontend

Build an evidence-backed ECC install plan for a specific repo by sorting skills, commands, rules, hooks, and extras into DAILY vs LIBRARY buckets using parallel repo-aware review passes. Use when ECC should be trimmed to what a project actually needs instead of loading the full bundle.

affaan-m

获取

vite-patterns

240Kfrontend

Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization. Activate when working with vite.config.ts, Vite plugins, or Vite-based projects.

affaan-m

获取

motion-ui

240Kfrontend

Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.

affaan-m

获取

make-interfaces-feel-better

240Kfrontend

Apply concrete design-engineering details that make interfaces feel polished. Use when reviewing or improving UI spacing, typography, borders, shadows, motion, hit areas, icons, text wrapping, and interaction states.

affaan-m

获取

error-handling

240Kfrontend

Patterns for robust error handling across TypeScript, Python, and Go. Covers typed errors, error boundaries, retries, circuit breakers, and user-facing error messages. Use when designing error types, retries, circuit breakers, or user-facing failure messages in TypeScript, Python, or Go.

affaan-m

获取

motion-advanced

240Kfrontend

Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations. Use when building drag and drop, gestures, text or SVG animation, or imperative animation sequences in React or Next.js.

affaan-m

获取

motion-patterns

240Kfrontend

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. Use when animating a specific UI element in React or Next.js — button, modal, toast, stagger, page transition, or scroll.

affaan-m

获取

motion-foundations

240Kfrontend

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this. Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js.

affaan-m

获取

angular-developer

240Kfrontend

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.

affaan-m

获取

nextjs-turbopack

239Kfrontend

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

affaan-m

获取

documentation-lookup

239Kfrontend

Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).

affaan-m

获取

design-system

239Kfrontend

Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.

affaan-m

获取

remotion-video-creation

239Kfrontend

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more.

affaan-m

获取

nuxt4-patterns

239Kfrontend

Nuxt 4 app patterns for hydration safety, performance, route rules, lazy loading, and SSR-safe data fetching with useFetch and useAsyncData.

affaan-m

获取