GitHub
shadcn-ui
Shadcn UI component library - beautifully designed React components built with Radix UI and Tailwind CSS
☆ 0View skill
Lifestyle AI Skills
Discover Lifestyle skills, compare source repositories and read the instructions for each workflow.
Categories: Lifestyle
Lifestyle Clear filters
Browse 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...
☆ 0View skill
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...
☆ 0View skill
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.
☆ 0View skill
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...
☆ 0View skill
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
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
GitHub
manage-client-state
クライアント状態をグローバル/URL状態で型安全に管理します。サイドバーやフィルタはuseSWRImmutable、ページネーションはnuqs。
☆ 0View skill
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...
☆ 0View skill
GitHub
manage-swr-data
useSWR/useSWRMutationでサーバーデータを管理します。データ取得、変更、SWRキー管理を含む、カスタムフックパターンを実装します。
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
GitHub
decision-framework
Autonomous decision-making CLI for strategy development (project)
☆ 0View skill
GitHub
workflow-compose
Executes multi-step workflows by chaining Betty Framework skills.
☆ 0View skill
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.
☆ 0View skill
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...
☆ 0View skill
GitHub
data-manager
PB-000の成果物をファイルベースで保存・管理。フォルダ作成、ファイル存在確認、実行履歴管理を担当。データ管理、ファイル操作で必ず使用。
☆ 0View skill
GitHub
example
Use this skill when required to run the example script.
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View 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.