GitHub
effect-ts-patterns
Patterns and best practices for Effect-TS in the Nuclom codebase. Use when writing API routes, services, or any code using Effect-TS. Covers Effect.gen, error handling, services, layers, and common pitfalls.
☆ 1查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
component
Create React components using shadcn/ui patterns. Use when building UI components, forms, dialogs, buttons, or when the user mentions component, UI, form, dialog, modal, or styling.
☆ 1查看技能
GitHub
create-form
Set up hybrid client/server validated forms with Zod and React Hook Form. Use when creating forms with validation.
☆ 1查看技能
GitHub
create-component
Create CVA + DaisyUI components following Iridium patterns. Use when asked to create UI components, buttons, inputs, cards, modals, alerts, or any reusable UI element.
☆ 1查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 1查看技能
GitHub
add-caching
Add client-side caching with stale-while-revalidate strategy. Use when optimizing page load performance or reducing server requests.
☆ 1查看技能
GitHub
create-route
Create React Router 7 routes with proper type imports, loaders, and actions. Use when adding new pages, API endpoints, layouts, or route files.
☆ 1查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 1查看技能
GitHub
shadcnui-customization-theming
Use this skill when customizing shadcn/ui themes, implementing dark mode, modifying component styles, or changing color schemes. Covers CSS variables, design tokens, theme generation, and component.json configu...
☆ 1查看技能
GitHub
shadcnui-advanced-patterns
Use this skill for advanced shadcn/ui integration patterns including forms with validation, data tables, performance optimization, testing, and migration from other component libraries. Assumes shadcn is alread...
☆ 1查看技能
GitHub
shadcn-init
Setup shadcn/ui in React projects (Next.js, Vite, Astro). Use when initializing shadcn/ui, setting up Tailwind CSS v4, configuring path aliases, or when user mentions "setup shadcn", "install shadcn", "shadcn i...
☆ 1查看技能
GitHub
atomic-design-gluestack
Enforces atomic design methodology (atoms, molecules, organisms, templates, pages) for React Native/Expo projects using Gluestack UI. This skill should be used when creating new components, validating existing...
☆ 1查看技能
GitHub
expo-router-best-practices
This skill should be used when creating new routes, configuring navigation layouts, implementing deep linking, or organizing the app/ directory structure in Expo Router projects. It provides best practices for...
☆ 1查看技能
GitHub
local-state
This skill should be used when implementing local state management in this React Native/Expo codebase. It covers Apollo Client Reactive Variables for in-memory reactive state and React Native AsyncStorage for p...
☆ 1查看技能
GitHub
gluestack-nativewind
This skill enforces Gluestack UI v3 and NativeWind v4 design patterns for consistent, performant, and maintainable styling. It should be used when creating or reviewing components, fixing styling issues, or ref...
☆ 1查看技能
GitHub
testing-library
Enforces best practices for unit testing with Jest, @testing-library/react-native, and jest-expo in Expo projects. This skill should be used when writing, reviewing, or debugging unit tests to ensure tests are...
☆ 1查看技能
GitHub
cross-platform-compatibility
This skill enforces cross-platform compatibility best practices for Expo apps targeting iOS, Android, and web. It should be used when creating new features, components, or screens to ensure they work correctly...
☆ 1查看技能
GitHub
container-view-pattern
This skill enforces the Container/View pattern for React components. It should be used when creating new components, validating existing components, or refactoring components to follow the separation of concern...
☆ 1查看技能
GitHub
react-typescript
React 19 + TypeScript patterns, hooks, types, and best practices
☆ 1查看技能
GitHub
fullstack-integration
Full stack integration patterns connecting Clojure backend and React frontend
☆ 1查看技能
GitHub
mahjong-ui-components
UI component patterns for Fujian Mahjong game. Use when building tile displays, hand layouts, call prompts, score screens, or any visual game elements.
☆ 1查看技能
GitHub
threejs
Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations, product configurators.
☆ 1查看技能
GitHub
frontend-design
Create polished frontend interfaces from designs/screenshots with high design quality. Use for web components, pages, replicating UI designs, extracting design guidelines, avoiding AI slop aesthetics.
☆ 1查看技能
GitHub
frontend-dev-guidelines
Build React/TypeScript frontends with modern patterns. Use for components, Suspense, lazy loading, useSuspenseQuery, MUI v7 styling, TanStack Router, performance optimization.
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。