design▌

Use this skill when the user wants to reverse-engineer a public website's design primitives into project-local starter token files.

Fundamental design principles for writing maintainable, testable Python code. \n \n Covers five core patterns: KISS (Keep It Simple), Single Responsibility Principle, Separation of Concerns, Composition Over Inheritance, and the Rule of Three \n Includes practical code examples contrasting anti-patterns with recommended approaches for each principle \n Provides layered architecture guidance (API, Service, Repository layers) with dependency injection patterns for testability \n Emphasizes explici

Translates Figma designs into production-ready code with pixel-perfect visual fidelity. \n \n Requires Figma MCP server connection and a Figma URL with file key and node ID to extract design context, screenshots, and assets \n Seven-step structured workflow: parse URL, fetch design context, capture visual reference, download assets, translate to project conventions, achieve 1:1 parity, and validate against Figma \n Prioritizes design system reuse over duplication; maps Figma tokens to project de

Multi-stage CI/CD pipelines with approval gates and deployment orchestration. \n \n Covers four deployment strategies: rolling updates, blue-green, canary, and feature flags, each with trade-offs for downtime, rollback speed, and infrastructure cost \n Includes approval gate patterns for manual review, time-based delays, and multi-approver workflows across GitHub Actions, GitLab CI, and Azure Pipelines \n Provides automated rollback mechanisms triggered by health checks and failure detection, pl

Establish design token hierarchies, theming infrastructure, and component architecture for scalable design systems. \n \n Covers three-layer token organization: primitive tokens (raw values), semantic tokens (contextual meaning), and component tokens (specific usage) \n Includes theme switching patterns with CSS custom properties, React context providers, system preference detection, and persistent storage \n Provides component architecture patterns including compound components, polymorphic var

AI-powered mobile app design tool with REST API for creating projects, describing designs in plain language, and rendering screens. \n \n Supports high-level requests (\"design a fitness app\") and specific edits (\"add a pricing section to this screen\"); send natural language descriptions via chat messages and let the AI decide what to create or modify \n Requires Pro+ plan and API key with scoped permissions ( projects:read/write , chats:read/write , screenshots , components:read ) \n Async a

Comprehensive C#/.NET design pattern analysis with actionable improvement recommendations. \n \n Evaluates six core patterns: Command, Factory, Dependency Injection, Repository, Provider, and Resource patterns against GoF and SOLID principles \n Analyzes architecture compliance including namespace conventions, project separation, async/await patterns, and structured logging implementation \n Reviews code quality across security, testability, maintainability, and performance dimensions with speci

REST and GraphQL API design principles for building scalable, developer-friendly APIs. \n \n Covers resource-oriented REST patterns including HTTP method semantics, URL design, pagination, filtering, and error handling with consistent status codes \n Includes GraphQL schema-first development with type definitions, resolver patterns, Relay-style pagination, and DataLoader implementation for N+1 prevention \n Provides versioning strategies (URL, header, query parameter) and HATEOAS patterns for hy

Comprehensive PDF processing with text extraction, merging, splitting, form filling, and OCR capabilities. \n \n Supports core operations: merge/split PDFs, extract text and tables, rotate pages, add watermarks, encrypt/decrypt, and extract images \n Includes Python libraries (pypdf, pdfplumber, reportlab) and command-line tools (qpdf, pdftotext, pdftk) with ready-to-use code examples \n Handles scanned PDFs via OCR using pytesseract and pdf2image for searchable text extraction \n Dedicated form

Structured workflow for collaboratively authoring documentation, proposals, specs, and similar content. \n \n Guides users through three stages: Context Gathering (closing knowledge gaps), Refinement & Structure (building sections iteratively), and Reader Testing (validating the doc works for fresh readers) \n Supports integration with shared documents, team channels, and templates to pull in context directly when connectors are available \n Uses brainstorming and curation cycles for each s