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...
Découvrez les skills Documentation, comparez leurs dépôts et consultez leurs instructions.
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...
Apply this skill when generating Python code
Resolve ambiguities interactively with tracked changes. Works with spec-create, spec-review, code-review, and other skills.
Set descriptive names for Aura HUD session display
Installs Claude Code hooks for automatic skill usage measurement. Use when setting up skill tracking infrastructure in a new project. NOT when hooks are already installed (run verify.py to check).
Discovers existing SCSS/CSS patterns (mixins, variables, utility classes, component patterns) in a codebase before writing new styles. Produces a "use these patterns" summary to ensure consistency and reuse. U...
Help users configure and verify LSP (Language Server Protocol) setup for Python and JavaScript/TypeScript in Claude Code. This skill should be used when users ask about LSP configuration, need to check if LSP s...
Analyzes code for style consistency and applies project-specific formatting conventions beyond what linters catch. Use when reviewing code, ensuring style consistency, or when user requests code style improveme...
Comprehensive skill for extending the FableDSL language with new commands, directives, and features. Use when adding new DSL syntax, creating custom animation commands, implementing new visual agents (buttons,...
Review code for best practices. Enforces universal rules plus language-specific rules for TypeScript and Python. Use when reviewing PRs, code changes, or auditing code quality.
Detect unintegrated features before they become dead code. Catches the "Ink component pattern" - code that exists but isn't wired.
Expert guidance for LazyVim Neovim configuration. Use when configuring Neovim with LazyVim, writing plugin specs, adding language servers, customizing keymaps, enabling extras, troubleshooting lazy-loading, or...
Figma MCPで取得したデザイン変数をTailwind CSS標準クラスに変換する。Figma MCPのコード生成後やデザイン実装時に自動起動。
Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on...
Specialist in generating comprehensive Markdown reports of the knowledge model.
Universal database operations skill for modern applications. Expert in SQLModel/SQLAlchemy patterns, async database operations, connection pooling, migrations, performance optimization, and multi-database suppo...
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,...
Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.
Generate tailored project constitution input for the /speckit.constitution command. Use when starting a new project, bootstrapping governance, or when user asks to "create a constitution", "set up project princ...
Interactive site verification for user journey testing. Use for full-stack verification, catching 404s, console errors, network failures, and DB state validation during development.
Patterns for Expo Router including Stack configuration, native tabs, and file-based routing best practices. Apply when working with navigation, routing, or screen configuration.
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,...
Inspire team business domain knowledge, glossary, and user stories. Use when understanding business requirements, domain terminology, or user needs.
Use this skill when the user wants to create Angular applications, generate Angular components/services/modules, or automate Angular development workflows. Handles scaffolding complete Angular apps with routing...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.