GitHub
shadcnui
A collection of beautifully designed, accessible UI components built with Radix UI and Tailwind CSS
☆ 2View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
react-19
Modern React development with React 19 features, hooks, components, and server-side capabilities
☆ 2View skill
GitHub
tanstack-query-v5
Powerful data fetching and state management library for React applications with server state synchronization, caching, and background updates.
☆ 2View skill
GitHub
radix-ui
Build accessible, unstyled React UI components with Radix Primitives
☆ 2View skill
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...
☆ 2View skill
GitHub
framework-patterns
Modern patterns for Next.js 16 and TanStack Start v1
☆ 2View skill
GitHub
tailwind-patterns
Efficient Tailwind CSS patterns using inheritance and custom config
☆ 2View skill
GitHub
react-patterns
Modern React 19+ patterns with TypeScript
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
GitHub
atom-state
Implement reactive state management with Effect Atom for React applications
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
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.
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
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...
☆ 2View skill
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.
☆ 2View 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.