Design
15354 skills in Content & Media > Design
htmx
Adds AJAX, CSS Transitions, WebSockets, and Server Sent Events to HTML using attributes. Use when building hypermedia-driven applications, adding interactivity without JavaScript frameworks, or when user mentions HTMX, hx-boost, or HTML-first development.
mcp-server-setup
MCP (Model Context Protocol) server selection and configuration skill usingDocker MCP Toolkit as the primary orchestration method. Guides dynamic serverdiscovery, installation via Docker gateway, and fallback to direct installation.Should be executed after /initialize-project to extend Claude Code's capabilities.
pull-request-conventions
Use when creating or merging pull requests - provides branch naming, PR title format, and description requirements for consistent PR workflows
skill-writer
Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill, or needs help with SKILL.md files, frontmatter, or skill structure.
database-technologies
Master database technologies including SQL, PostgreSQL, MongoDB, Redis, and data modeling. Use when designing databases, writing queries, or optimizing database performance.
fastapi-patterns
Comprehensive FastAPI best practices, patterns, and conventions for building production-ready Python web APIs. Covers application structure, async patterns, Pydantic models, dependency injection, database integration, authentication, error handling, testing, OpenAPI documentation, performance optimization, and common anti-patterns. Essential reference for FastAPI code reviews and development.
pr-reviewer
Comprehensive pull request review covering code quality, security vulnerabilities, performance issues, and design patterns. Use when reviewing PRs, analyzing code changes, checking for bugs, or when user mentions pull request, PR review, code review, or merge request.
rust-ms-libraries
Microsoft Pragmatic Rust Library Guidelines. Use when designing library crates, public APIs, managing dependencies, or creating reusable components.
architecture-guardian
Enforce clean architecture principles, proper layering rules, dependency flow, module boundaries, and interface design. Use when designing new features, refactoring code, or reviewing architecture.
designing-apis
REST/GraphQL APIの設計と OpenAPI 仕様の作成を支援します。エンドポイント設計、エラー処理、セキュリティ対策を含む包括的なAPI仕様を提供します。新規API設計、API仕様の標準化、インターフェース設計が必要な場合に使用してください。
testing-strategy
Generate tests following project conventions. Use when writing unit tests, integration tests, creating test fixtures, or implementing test builders. Triggers on requests like "write tests for", "add test coverage", "create test builder", "test this handler", or "implement tests".
interior-design-expert
Expert interior designer with deep knowledge of space planning, color theory (Munsell, NCS), lighting design (IES standards), furniture proportions, and AI-assisted visualization. Use for room layout optimization, lighting calculations, color palette selection for interiors, furniture placement, style consultation. Activate on "interior design", "room layout", "lighting design", "furniture placement", "space planning", "Munsell color". NOT for exterior/landscape design, architectural structure, web/UI design (use web-design-expert), brand color theory (use color-theory-palette-harmony-expert), or building codes/permits.
vibe-coder
Describe your idea, get a deployed product. All Craft Coder skills + brainstorm, validation, marketing.Use when: user wants to build something from an idea, prototype, or MVP.Triggers: "build app", "create website", "make MVP", "I have an idea","хочу приложение", "создать сайт", "сделать MVP".
sequential-thinking
Apply structured, reflective problem-solving for complex tasks requiring multi-step analysis, revision capability, and hypothesis verification. Use for complex problem decomposition, adaptive planning, analysis needing course correction, problems with unclear scope, multi-step solutions, and hypothesis-driven work.
deployment-automation
Expert DevOps automation consultant for building production-grade CI/CD deployment pipelines using Vercel, GitHub Actions, and Railway. Implements build/test/preview/production workflows, automated rollbacks, canary deployments, blue-green strategies, environment promotion, secrets management, health checks, smoke testing, and live monitoring. Use when deploying web applications, setting up CI/CD pipelines, configuring automated deployments, implementing deployment strategies, managing production releases, or troubleshooting deployment issues.
grove-ui-design
Create warm, nature-themed UI for Grove with glassmorphism, seasonal decorations, randomized forests, and accessible design patterns. Use when building pages, enhancing UI, or adding decorative elements.
stash-pad
Use this skill when the user wants to capture todos, ideas, or thoughts quickly during CLI coding sessions. Activate when user says :add, :a, :done, :d, :classify, :c, :show, :s, :now, :n, :restore, :r, :find, :f, :archive, or :ar. Manages a TODO.md file with inbox, categories, completion tracking, and restore. Works mid-session without disrupting workflow.
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 avoids generic AI aesthetics.
i18n
Integrate @inkcre/web-design with vue-i18n for internationalization.
external-urls
Hypera infrastructure URLs and endpoints reference. Use when user asks about URLs, domains, ingress endpoints, cluster API servers, application URLs, Helm repositories, Git repositories, or needs to check connectivity to services. Provides quick lookup of all external URLs across all environments (hub, dev, prd) and clusters (cafehyna, loyalty, painelclientes, sonora).