发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
Schema-driven form generation on @react-typed-forms/core. Use buildSchema to define forms, use renderers for automatic UI generation. Use when generating forms from C# schemas or building dynamic configurable f...
Core React client library for authentication (SecurityService), navigation with URL query syncing, API clients, form validation, toast notifications, and breadcrumbs. Foundation for all @astroapps client packag...
Material-UI integration for @react-typed-forms/core with FTextField and MUI schema renderers. Use when building React forms with Material-UI that need form state management integration.
Next.js App Router integration for @astroapps/client providing useNextNavigationService hook and automatic URL query syncing. Use when building Next.js 14+ applications with navigation and query parameter manag...
React hooks for local user authentication UI including login, signup, password reset, MFA, and account management. Use when building authentication pages for email/password authentication instead of OAuth provi...
Iterate on hiccup components with live preview, CSS styling, and library commits. Use alias-first workflow where structure lives in the UI namespace and examples use lean config props. Keywords: component, prev...
Core React patterns, hooks, state management, and best practices. Trigger: When working with React components, hooks, or state management.
React Native patterns, components, and mobile development best practices. Trigger: When working with React Native components, navigation, or mobile-specific code.
Expo SDK patterns, managed workflow, and native module integration. Trigger: When working with Expo APIs, configuration, or building apps.
XState v5 state machines, actors, and React integration patterns. Trigger: When implementing state machines, complex state logic, or actor-based architecture.
TDD patterns for React Native with Jest, Testing Library, and XState. Trigger: When writing tests, implementing TDD, or setting up test infrastructure.
Atomic Design methodology for building component hierarchies in React. Trigger: When creating UI components, organizing component libraries, or structuring presentation layer.
Clean Architecture + Screaming Architecture patterns for React/React Native. Trigger: When structuring features, separating concerns, or defining domain boundaries.
Vue.js 2.7 组件开发模式，包含 Element UI 使用、状态管理、表单处理和最佳实践。在创建或修改 Vue 组件时使用。
Enterprise Angular v21+ architecture and testing expert. Use when writing, reviewing, or designing Angular components, services, stores, or tests. Covers Zoneless change detection, Signals, SignalStore, module...
Guía esencial de Angular 17+ (Standalone, Signals, Inject).
Guía para desarrollo frontend con Next.js 15, App Router, Server Actions y React Query.
Build Rimitive views with el, map, and match. Use when building UI components, rendering reactive content, handling events, or creating reusable view elements.
Create Rimitive view components with el, map, and match. Use when building UI components, rendering reactive content, handling events, or creating reusable view elements.
Create headless behaviors in Rimitive. Use when creating reusable state logic, hooks, or headless UI patterns like toggles, forms, disclosure, or any portable reactive logic.
Create headless behaviors in Rimitive. Use when creating reusable state logic, hooks, or headless UI patterns like toggles, forms, disclosure, or any portable reactive logic.
기존 디자인 컴포넌트를 officener-ui로 마이그레이션합니다. Figma 디자인과 기존 구현을 참조하여 CVA 기반 컴포넌트를 생성합니다. 컴포넌트 옮겨줘, 마이그레이션, officener-ui로 이전 요청 시 사용합니다.
Use when creating or modifying Angular components in MusicTheory - ensures standalone component pattern, proper RxJS subscription management, and integration with MusicTheoryService
Expo/React Native 컴포넌트 작성 가이드. 모바일 앱 UI 컴포넌트 생성, 수정, 스타일링 관련 질문 시 사용.
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。