GitHub
shadcnui
A collection of beautifully designed, accessible UI components built with Radix UI and Tailwind CSS
☆ 2查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
react-19
Modern React development with React 19 features, hooks, components, and server-side capabilities
☆ 2查看技能
GitHub
tanstack-query-v5
Powerful data fetching and state management library for React applications with server state synchronization, caching, and background updates.
☆ 2查看技能
GitHub
radix-ui
Build accessible, unstyled React UI components with Radix Primitives
☆ 2查看技能
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...
☆ 2查看技能
GitHub
framework-patterns
Modern patterns for Next.js 16 and TanStack Start v1
☆ 2查看技能
GitHub
tailwind-patterns
Efficient Tailwind CSS patterns using inheritance and custom config
☆ 2查看技能
GitHub
react-patterns
Modern React 19+ patterns with TypeScript
☆ 2查看技能
GitHub
bubbletea-designer
Automates Bubble Tea TUI design by analyzing requirements, mapping to appropriate components from the Charmbracelet ecosystem, generating component architecture, and creating implementation workflows. Use when...
☆ 2查看技能
GitHub
web-ui-design-guide
Apply modern, professional web UI design principles when building any web UI component. Only execute this when the current project is a web project and involves UI-related work. Use this skill for UI tasks invo...
☆ 2查看技能
GitHub
flutter-ui-design-guide
Apply Flutter design principles with Material Design and Cupertino (iOS-style) support when building cross-platform UI. Only execute this when the current project is a Flutter project and involves UI-related wo...
☆ 2查看技能
GitHub
atom-state
Implement reactive state management with Effect Atom for React applications
☆ 2查看技能
GitHub
aesthetic-ui-designer
Creates distinctive, production-quality UI designs that avoid generic "AI slop" aesthetics. Activates on ANY frontend/UI creation request including React/Tailwind, React Native, or Swift. Ensures typography, co...
☆ 2查看技能
GitHub
error-handling
Comprehensive error handling patterns for robust applications including custom errors, error boundaries, recovery strategies, and user-facing error messages. Use this skill when designing error hierarchies, imp...
☆ 2查看技能
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, artifacts, posters, or applications (examples include website...
☆ 2查看技能
GitHub
vue3-typescript
Use this skill when working on Vue 3 + TypeScript client-side code, including creating new components, refactoring existing UI, implementing store logic with Pinia, or building reusable composition functions.
☆ 2查看技能
GitHub
react-best-practices
Comprehensive React and Next.js best practices guide covering performance optimization, component architecture, shadcn/ui patterns, Motion animations, and modern React 19+ patterns. This skill should be used wh...
☆ 2查看技能
GitHub
vue3-typescript-agent
Use this skill when working on Vue 3 + TypeScript client-side code, including creating new components, refactoring existing UI, implementing store logic with Pinia, or building reusable composition functions. E...
☆ 2查看技能
GitHub
vue-best-practices
Vue.js 3 best practices guidelines covering Composition API, component design, reactivity patterns, Tailwind CSS utility-first styling, PrimeVue component library integration, and code organization. This skill...
☆ 2查看技能
GitHub
tailwind-task-agent
Use this skill when you need to style UI components using Tailwind CSS with BEM naming conventions. This includes tasks like creating new component styles, refactoring existing Tailwind utility clusters into ma...
☆ 2查看技能
GitHub
tailwind-bem-stylist
Use this skill when you need to style UI components using Tailwind CSS with BEM naming conventions. This includes tasks like creating new component styles, refactoring existing Tailwind utility clusters into ma...
☆ 2查看技能
GitHub
react-best-practices
This skill should be used when the user asks to "check react best practices", "audit this component", "review for performance", "does this follow best practices", "optimize this React code", or mentions React/N...
☆ 2查看技能
GitHub
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
☆ 2查看技能
GitHub
frontend-ui-design
Create and review production-ready frontend UI components with accessibility and distinct visual direction. Use when building or redesigning frontend UI.
☆ 2查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。