GitHub
shadcn-ui-best-practices
Guide for proper shadcn-ui component usage - use Card for wrapping/layout, compose from base components, never modify components/ui directly
☆ 0查看技能
部署与运维 AI 技能
发现 部署与运维 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: 部署与运维
部署与运维 清除筛选
全部技能
GitHub
frontend-accessibility
Implement accessible UI components using semantic HTML elements, keyboard navigation support, sufficient color contrast ratios, alternative text for images, ARIA attributes when needed, logical heading structur...
☆ 0查看技能
GitHub
optimize-effects-effect-event
useEffectEventを使用して非リアクティブなロジックを抽出し、Effectを最適化します。特定の値が変更されたときにEffectを再実行すべきでない場合（ログ、分析、タイマー）に使用します。
☆ 0查看技能
GitHub
tailwind
tailwind expert with self-populating documentation
☆ 0查看技能
GitHub
design-guide
Modern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI components, layouts, web pages, or interactive elements including buttons, forms, cards, navigati...
☆ 0查看技能
GitHub
layout-builder
Interactive Flexbox and Grid layout generator with real-time code output. Creates production-ready layouts based on your requirements with proper fallbacks and responsive considerations. Use when building layou...
☆ 0查看技能
GitHub
mobile-ui-standards
Enforce mobile-first design with compact elements, smaller fonts, and responsive layouts optimized for mobile screens. Use when working on UI, mobile views, responsive design, or when user mentions mobile, UI,...
☆ 0查看技能
GitHub
responsive-helper
Responsive design assistance including breakpoint generation, fluid typography, container queries, and mobile-first/desktop-first strategy guidance. Use when creating responsive layouts or adapting designs for...
☆ 0查看技能
GitHub
vuer-uikit
Expert knowledge of Vuer UIKit, a React component library for building interactive 3D and UI applications with 38 components and a powerful Dial system
☆ 0查看技能
GitHub
shadcn-ui
Shadcn UI component library - beautifully designed React components built with Radix UI and Tailwind CSS
☆ 0查看技能
GitHub
view-transitions-generator
Implémente l'API View Transitions pour des transitions fluides entre pages et états. MANDATORY pour toutes navigations. À utiliser lors de navigation, page transitions, ou quand l'utilisateur mentionne "transit...
☆ 0查看技能
GitHub
atomic-component-generator
Génère des composants React suivant l'Atomic Design avec décomposition maximale et pattern Smart/Dumb. MANDATORY pour tous composants. À utiliser lors de la création de composants, pages, ou quand l'utilisateur...
☆ 0查看技能
GitHub
typescript-patterns
TypeScript utility types and type-safe API design patterns. Use when designing type systems, creating utility types, or implementing type-safe patterns.
☆ 0查看技能
GitHub
frontend-components
Design and build reusable UI components following single responsibility principle, composability patterns, clear prop interfaces with sensible defaults, encapsulation of implementation details, consistent namin...
☆ 0查看技能
GitHub
styling-guidelines
Tailwind CSS v4 styling guidelines - use @theme blocks for configuration, hsl(var(--color-x)) for colors, never hardcode values, use responsive utilities
☆ 0查看技能
GitHub
svelte-ui-design
ALWAYS use this skill for ANY Svelte component styling, design, or UI work. Svelte 5 UI design system using Tailwind CSS 4, Skeleton Labs design tokens/presets/Tailwind Components, and Bits UI headless componen...
☆ 0查看技能
GitHub
frontend-responsive
Design mobile-first responsive layouts using fluid containers, relative units, standard breakpoints, and touch-friendly interfaces that adapt seamlessly across devices from mobile to desktop. Use this skill whe...
☆ 0查看技能
GitHub
mobile-first-responsive-design
Approche Mobile-First avec Tailwind CSS, breakpoints, et progressive enhancement. MANDATORY pour toutes les pages. À utiliser lors de responsive design, layouts, ou quand l'utilisateur mentionne "mobile", "resp...
☆ 0查看技能
GitHub
javascript-interactive-design
Add interactivity and dynamic behavior to web designs using vanilla JavaScript. Handles animations, user interactions, form validation, DOM manipulation, event handling, and progressive enhancement without fram...
☆ 0查看技能
GitHub
manage-client-state
クライアント状態をグローバル/URL状態で型安全に管理します。サイドバーやフィルタはuseSWRImmutable、ページネーションはnuqs。
☆ 0查看技能
GitHub
animation-creator
CSS animation and transition creator. Generates optimized @keyframes, transitions, and transform sequences with performance best practices and motion accessibility. Use when adding animations, transitions, or m...
☆ 0查看技能
GitHub
manage-swr-data
useSWR/useSWRMutationでサーバーデータを管理します。データ取得、変更、SWRキー管理を含む、カスタムフックパターンを実装します。
☆ 0查看技能
GitHub
ui-component-design
Create reusable, modular UI components with HTML, CSS, and JavaScript. Build component libraries with consistent styling, variants, states, and documentation. Focuses on component architecture, reusability, and...
☆ 0查看技能
GitHub
useoptimistic-hook-generator
Implémente useOptimistic pour instant UI updates avec VRAIE gestion du rollback. MANDATORY pour delete operations. À utiliser lors de mutations, deletes, ou quand l'utilisateur mentionne "optimistic", "instant...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。