GitHub
ui-ux
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.
Skills IA Outils
Découvrez les skills Outils, comparez leurs dépôts et consultez leurs instructions.
Catégories: Outils
Outils Effacer les filtres
Explorer
GitHub
scaffold-component
Generate a new React component following project conventions. Use when creating new components or UI features.
GitHub
rn-styling
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.
GitHub
react-19
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
GitHub
vuejs-best-practices
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...
GitHub
error-handling
TypeScript/JavaScript error handling best practices. Ensures proper error propagation, typed errors, and async error handling.
GitHub
localstorage-crud
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.
GitHub
frontend-design-guide
청산 기도 메타 프로젝트의 프론트엔드 디자인 가이드. 새 컴포넌트 생성, UI 스타일링, 애니메이션 구현 시 사용. **트리거 조건:** - 새 React 컴포넌트 생성 요청 - UI 스타일링 또는 Tailwind CSS 관련 작업 - Framer Mot...
GitHub
react-state-flows
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.
GitHub
muebleria-forms
Forms and validation patterns with react-hook-form + Zod for MuebleriaIris. Trigger: When creating forms, validation schemas, or handling form submissions.
GitHub
rn-button-component
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.
GitHub
typescript-helpers
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.
GitHub
rsc-data-optimizer
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...
GitHub
vue3-best-practices
Vue 3 开发最佳实践指南，涵盖 Composition API, Setup Script, Pinia 及 TypeScript 集成。
GitHub
designing-frontend
Build distinctive, production-grade frontend interfaces with memorable aesthetics. Use when creating web components, pages, or applications. Prioritizes creative, context-specific design over generic patterns.
GitHub
nextjs-i18n
Implement and manage internationalization (i18n) for the LucidData Next.js application using next-intl. Use when adding multi-language support, creating translation files, configuring locale routing, or adaptin...
GitHub
styling-with-shadcn
Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creating forms, dialogs, tables, sidebars, or any UI components. Covers installation, component patterns, react-hook-form + Zod val...
GitHub
vue-component
Creating Vue 3 components following project conventions and script order. Use when building new components, refactoring existing ones, or reviewing component code for convention compliance.
GitHub
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
GitHub
frontend-impl
Activate this skill when: - Implementing Dashboard.tsx - Following design_brief.md - Writing React/TypeScript code - Integrating with Living Apps API
GitHub
react-zustand-patterns
Zustand state management patterns for React. Use when working with Zustand stores, debugging state timing issues, or implementing async actions. Works for both React web and React Native.
GitHub
shadcnui-patterns
Build polished, accessible UI with shadcn/ui components following FrankX design system
GitHub
perigon-angular
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
GitHub
react-ui-best-practices
React UI 组件开发最佳实践。用于创建、审查或优化 React 组件，确保代码质量、性能和可维护性。
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.