Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Use when building or debugging WordPress Interactivity API features (data-wp-* directives, @wordpress/interactivity store/state/actions, block viewScriptModule integration) including performance, hydration, and...
Ensures WCAG 2.1 AA compliance for UI and forms. Invoke when building UI components, forms, navigation, or reviewing UX changes.
Implements UI systems using Control nodes, themes, responsive layouts, and UI animations. Use when building menus, HUDs, and interactive interfaces.
Next.js App Router principles. Server Components, data fetching, routing patterns.
React 19 patterns for MuebleriaIris interactive components. Trigger: When writing React components with hooks, forms, or state management.
Scans and updates project styling to adhere to the Super League "Dark Mode / Emerald Accent" design system. Use when the user requests style updates, UI polishing, or design system enforcement for Web (Tailwind...
Understanding frame nesting behavior in the Reactive FRP library. Use when: (1) triggers inside callbacks don't seem to propagate, (2) sample returns initial values instead of accumulated values, (3) foldDyn do...
Mobile-responsive patterns for MuebleriaIris UI. Trigger: When working on mobile layouts, responsive design, or mobile-first components.
Resolves React hook violations (rules of hooks, useEffect dependencies, hook ordering).
Zustand state management patterns optimized for games including persistence, undo/redo, time-travel debugging, subscriptions, and performance optimization. Use when designing game state architecture, implementi...
Implements UI/UX systems including responsive design, animations, input handling, HUD elements, and menu systems. Use when building game interfaces, menus, HUDs, or any user-facing UI.
Generate a new React component following project conventions. Use when creating new components or UI features.
Styling patterns for React Native with NativeWind and BrandColors. Use when working with styles, themes, colors, responsive layouts, or platform-specific UI in Expo/React Native.
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
Vue 3 and Nuxt 3 performance optimization and best practices. This skill should be used when writing, reviewing, or refactoring Vue.js code to ensure optimal performance patterns. Triggers on tasks involving Vu...
TypeScript/JavaScript error handling best practices. Ensures proper error propagation, typed errors, and async error handling.
Handle localStorage CRUD operations in React apps. Use when building features that persist data to browser storage, manage client-side state, or need offline-capable storage.
청산 기도 메타 프로젝트의 프론트엔드 디자인 가이드. 새 컴포넌트 생성, UI 스타일링, 애니메이션 구현 시 사용. **트리거 조건:** - 새 React 컴포넌트 생성 요청 - UI 스타일링 또는 Tailwind CSS 관련 작업 - Framer Mot...
Complex multi-step operations in React. Use when implementing flows with multiple async steps, state machine patterns, or debugging flow ordering issues. Works for both React web and React Native.
Forms and validation patterns with react-hook-form + Zod for MuebleriaIris. Trigger: When creating forms, validation schemas, or handling form submissions.
Ensures buttons use the unified Button component with proper state management, icon support, and glass effect integration. Apply when creating or modifying buttons in the app.
TypeScript patterns for types, interfaces, and type guards in viya-app. Use when defining types, working with generated API types, or creating type-safe utilities.
Optimize Next.js App Router data fetching by converting slow client-side fetching to fast server-side fetching using React Server Components (RSC). Use when: - User reports slow initial page load with loading...
Vue 3 开发最佳实践指南，涵盖 Composition API, Setup Script, Pinia 及 TypeScript 集成。
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.