GitHub
tailwind
Tailwind conventions for composition, selectors, responsive, animation. Use for Tailwind code.
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
shadcn
shadcn/ui registry usage, CLI workflows, component composition. Use when adding shadcn/ui components.
☆ 0查看技能
GitHub
performance
Performance rules for React and Effect. Use for caching, rendering, data flow.
☆ 0查看技能
GitHub
ux
UX patterns for states, forms, accessibility, copy, navigation. Use for UI behavior and a11y.
☆ 0查看技能
GitHub
frontend-design-responsive
Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across screens. Use when building re...
☆ 0查看技能
GitHub
ux-feedback-patterns
User feedback patterns for interactions - loading states, success/error messages, form validation, empty states. Ensures users understand system state and next steps. Use when implementing user-facing state ch...
☆ 0查看技能
GitHub
design-responsive
Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across screens. Use when building re...
☆ 0查看技能
GitHub
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45 rules across 8 categories, prioritized by impact. ALWAYS load when working with React/Next.js code: - Writing new Reac...
☆ 0查看技能
GitHub
frontend-design-fundamentals
Core design principles for implementing beautiful, professional UIs. Ensures consistent quality through spacing, typography, colors, and visual hierarchy. ALWAYS load when implementing UI/frontend code: - Crea...
☆ 0查看技能
GitHub
zenith-ui
Specialized in frontend development with Zenith, Vue 3, and Inertia.js. Trigger this for UI components, page layouts, and styling.
☆ 0查看技能
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
☆ 0查看技能
GitHub
flutter-expert
Expert guide for Flutter and Dart development. Use this skill when users want to build, refactor, or understand Flutter applications following modern best practices, including state management, theming, and tes...
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
GitHub
solidjs
Expert guide for SolidJS development, covering reactivity, component patterns, and migration from React.
☆ 0查看技能
GitHub
frontend-testing-patterns
Expert guide for frontend testing best practices following the Testing Trophy (Static, Unit, Integration, E2E). Provides framework-specific patterns for component, hook, and integration testing. Currently suppo...
☆ 0查看技能
GitHub
component-design-reviewer
Reviews React components and provides improvement suggestions. Use when you need code review, component review, structure improvement, refactoring, or component separation.
☆ 0查看技能
GitHub
ssr-data-fetching
Guide through proper Server-Side Rendering compatible data fetching in Nuxt 4. Use when fetching data in components or implementing data-driven UI.
☆ 0查看技能
GitHub
date-time-implementation
Guide for implementing date/time operations using dayjs with unix timestamps and Polish locale. Use when adding date handling to components or API endpoints.
☆ 0查看技能
GitHub
nuxt-ui-integration
Verify correct Nuxt UI 4 component usage with MCP-first workflow. Use when adding Nuxt UI components or experiencing component issues.
☆ 0查看技能
GitHub
ui-design
Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade de...
☆ 0查看技能
GitHub
web-development
Web frontend project development rules. Use this skill when developing web frontend pages, deploying static hosting, and integrating CloudBase Web SDK.
☆ 0查看技能
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
☆ 0查看技能
GitHub
sixty-design-system
Sixty's production design system for enterprise SaaS applications. Use when building UI components, creating React/Next.js interfaces, styling dashboards, implementing light/dark themes, or applying Sixty's gla...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。