GitHub
shadcn-ui
Shadcn UI component library - beautifully designed React components built with Radix UI and Tailwind CSS
☆ 0查看技能
生活与效率 AI 技能
发现 生活与效率 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: 生活与效率
生活与效率 清除筛选
全部技能
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
decision-framework
Autonomous decision-making CLI for strategy development (project)
☆ 0查看技能
GitHub
workflow-compose
Executes multi-step workflows by chaining Betty Framework skills.
☆ 0查看技能
GitHub
bash-executor
Execute bash commands and scripts safely with validation, error handling, and security checks. Use for system operations, file management, text processing, and command-line tools.
☆ 0查看技能
GitHub
backend-async-python
Master Python asyncio, concurrent programming, and async/await patterns for high-performance FastAPI applications. Use when building async APIs, concurrent systems, or I/O-bound applications requiring non-block...
☆ 0查看技能
GitHub
data-manager
PB-000の成果物をファイルベースで保存・管理。フォルダ作成、ファイル存在確認、実行履歴管理を担当。データ管理、ファイル操作で必ず使用。
☆ 0查看技能
GitHub
example
Use this skill when required to run the example script.
☆ 0查看技能
GitHub
cva-quickref-libpython
Quick reference cheatsheet for libpython-clj Python interop. Includes initialization, module imports, function calls, data conversions, NumPy/Pandas/Transformers patterns, and troubleshooting. Use when calling...
☆ 0查看技能
GitHub
cva-setup-interop
Python interoperability setup using libpython-clj for Clojure agent development. Includes Python environment configuration, module importing strategies, data type conversion between Python and Clojure, NumPy/Pa...
☆ 0查看技能
GitHub
cva-case-study-roi
Real-world ROI case study for healthcare content automation pipeline. Clínica Mente Saudável case with validated metrics - 99.4% time reduction (4h15m to 1.5min), 92.4% cost reduction (R$192.50 to R$14.70), +18...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。