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.
☆ 0View skill
Tools AI Skills
Discover Tools skills, compare source repositories and read the instructions for each workflow.
Categories: Tools
Tools Clear filters
Browse skills
GitHub
scaffold-component
Generate a new React component following project conventions. Use when creating new components or UI features.
☆ 0View skill
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.
☆ 0View skill
GitHub
react-19
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
☆ 0View skill
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...
☆ 0View skill
GitHub
error-handling
TypeScript/JavaScript error handling best practices. Ensures proper error propagation, typed errors, and async error handling.
☆ 0View skill
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.
☆ 0View skill
GitHub
frontend-design-guide
청산 기도 메타 프로젝트의 프론트엔드 디자인 가이드. 새 컴포넌트 생성, UI 스타일링, 애니메이션 구현 시 사용. **트리거 조건:** - 새 React 컴포넌트 생성 요청 - UI 스타일링 또는 Tailwind CSS 관련 작업 - Framer Mot...
☆ 0View skill
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.
☆ 0View skill
GitHub
muebleria-forms
Forms and validation patterns with react-hook-form + Zod for MuebleriaIris. Trigger: When creating forms, validation schemas, or handling form submissions.
☆ 0View skill
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.
☆ 0View skill
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.
☆ 0View skill
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...
☆ 0View skill
GitHub
vue3-best-practices
Vue 3 开发最佳实践指南，涵盖 Composition API, Setup Script, Pinia 及 TypeScript 集成。
☆ 0View skill
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.
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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.
☆ 0View skill
GitHub
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
☆ 0View skill
GitHub
frontend-impl
Activate this skill when: - Implementing Dashboard.tsx - Following design_brief.md - Writing React/TypeScript code - Integrating with Living Apps API
☆ 0View skill
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.
☆ 0View skill
GitHub
shadcnui-patterns
Build polished, accessible UI with shadcn/ui components following FrankX design system
☆ 0View skill
GitHub
perigon-angular
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
☆ 0View skill
GitHub
react-ui-best-practices
React UI 组件开发最佳实践。用于创建、审查或优化 React 组件，确保代码质量、性能和可维护性。
☆ 0View skill
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.