Design
15354 skills in Content & Media > Design
welcome-to-linux
A personal welcome message for Ricky from his best friend Steven, introducing this custom Linux learning journey. Use this when Ricky first starts exploring Linux or needs encouragement.
git-workflow
User-specific git workflow preferences and edge case handling. Documents commit message format requirements and pre-commit hook retry logic specific to this user. Use when creating commits or handling pre-commit hook failures.
ascii-ui-designer
Create high-quality ASCII art UI/UX previews for web development with a two-phase approach. Phase 1: Design & Preview - visualize interfaces, explore layouts, refine ideas in ASCII format without code. Phase 2: Implementation - when ready, get HTML/CSS/React code and design tokens. Use for exploring ideas, getting stakeholder feedback, and iterating on design before development.
layout-primitives
Builds composable layout components (Stack, Cluster, Grid, Sidebar, Center, Cover). Use when creating layout systems, spacing compositions, or Every Layout-style intrinsic design patterns that adapt without breakpoints.
mutation-testing
Guide developers through mutation testing to assess and improve test suite quality
dispatching-systematic-debugging
Use when encountering bugs, test failures, unexpected behavior, errors, or performance problems - dispatches systematic-debugging-agent that enforces 4-phase process (root cause investigation, pattern analysis, hypothesis testing, implementation) to prevent quick-fix attempts and ensure proper debugging
feature-research
Guide interactive research and POC creation to understand features deeply. This skill should be used when planning to implement a new feature and needing to research design patterns, understand integration points in the codebase, consult documentation via MCP Deep Wiki, or create minimal POCs to validate concepts. Can receive CDC.md from feature-specification as input for clear requirements.
doc-coauthoring
Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.
git-workflow
PROACTIVELY invoke this skill when creating PRs, resolving merge conflicts, or asked about version control best practices. Provides expert guidance for Git workflows, branching strategies, commit conventions, and collaboration patterns.
agentic-workflow-guide
Design, review, and improve agent workflows & agent using SSOT, SRP, Fail Fast principles. Supports Prompt Chaining, Parallelization, Orchestrator-Workers patterns.
mydetailarea-workflows
Workflow automation and orchestration for MyDetailArea. Implements state machines for order lifecycles, automated status transitions, task assignments, escalation rules, SLA monitoring, and event-driven automation. Use when building automated workflows for orders, approvals, escalations, and business process automation.
vibe-check
Validate PRD quality and coherence before innovation phase using vibe-check MCP tool. Checks for requirement clarity, user story completeness, and identifies gaps. Returns coherent flag and issues list.
github-actions-failure-debugging
Guide for debugging failing GitHub Actions workflows. Use this when asked to debug failing GitHub Actions workflows.
pr-creator
Guide for creating pull requests with draft status confirmation. Use when user requests PR creation with phrases like 'create a PR', 'make a pull request', 'gh pr create', or similar PR creation requests.
bash-audit
Comprehensive security and quality audit for shell scripts (bash, sh, zsh) using defensive programming principles and ShellCheck static analysis. Use when user asks to audit, review, check, lint, validate, or analyze shell scripts for security vulnerabilities, bugs, errors, defensive programming compliance, or best practices. Also triggers for improving script quality, finding script errors or issues, checking portability problems (macOS vs Linux), validating error handling, fixing shellcheck warnings, reviewing legacy automation scripts before release, setting up CI/CD linting infrastructure, configuring pre-commit hooks, understanding ShellCheck error codes, suppressing false positives, or ensuring script portability and quality.
nextjs
Builds full-stack React applications with Next.js App Router, Server Components, Server Actions, and edge deployment. Use when creating Next.js projects, implementing routing, data fetching, caching, authentication, or deploying to Vercel.
vite-config
Vite configuration templates and validation logic for MFE Host, MFE Remote, and Standalone web apps. Includes 5 required standards (correct plugins for package type, required path alias @ to ./src, build configuration with sourcemaps and manual chunks, server configuration with strictPort, required dependencies). Supports Module Federation architecture for micro-frontend apps. Use when creating or auditing vite.config.ts files.
psake
PowerShell build automation tool for creating task-based build scripts. Use when Claude needs to create, modify, or troubleshoot psake build scripts (psakefile.ps1), automate builds for .NET/Node.js/Docker projects, set up CI/CD pipelines with psake (GitHub Actions, Azure Pipelines, GitLab CI), or work with PowerShell-based build automation. Triggers include mentions of psake, psakefile, PowerShell build scripts, Invoke-psake, or build task dependencies.
home-organization
Decision framework for choosing between 3D-printed home organization systems (Gridfinity, OpenGrid, Neogrid, French Cleat, Underware, Deskware). Provides interpretive guidance on system selection based on item size, mounting surface, and use case. Use when users ask which organization system to recommend or need help choosing between modular storage options.
frontend-design-standards
Use when generating React/TypeScript UI components, forms, layouts, or pages - prevents generic AI aesthetic, enforces accessibility, semantic HTML, theme compliance, minimum text sizes, proper states, and brand differentiation