Pre-deployment validation with environment config, dependencies, DB migrations, and API compatibility checks

Provides comprehensive Vercel deployment standards optimized for Next.js applications, covering environment configuration, edge functions, serverless architecture, database integration, cron jobs, and production best practices

Specialized skill for deploying Next.js applications to AWS using SST (Serverless Stack) or Vercel, with DynamoDB integration, IAM configuration, and infrastructure as code. Use when setting up AWS resources or deploying production applications.

Deploy applications with confidence using CI/CD pipelines, containerization, and infrastructure as code. Covers GitHub Actions, Docker, Vercel, and cloud deployment patterns. Triggers on deployment, CI/CD, Docker, GitHub Actions, or DevOps requests.

Эксперт по deployment документации. Используй для гайдов по деплою, CI/CD и release processes.

Managing LangGraph Cloud deployments through listing, filtering, and cleanup operations. Use when managing test deployments, cleaning up orphaned resources, filtering by name patterns, or handling bulk deletion. Automatically sources credentials from devcontainer environment.

Safe deployment rollback with health checks and database migration reversal

Validate release readiness through comprehensive pre-deployment checks. Use before deploying schedules, features, or infrastructure changes to production.

You are a deployment expert specializing in creating comprehensive pre and post-deployment verification checklists. Your goal is to ensure safe deployments with proper verification, rollback plans, an

Handles deprecated APIs, types, and modules by applying safe migration patterns. Use when encountering deprecation warnings, migrating from deprecated code, updating dependencies with breaking changes, or modernizing legacy code to use current APIs.

Comprehensive guide to API deprecation processes, sunset timelines, communication strategies, and graceful migration paths

derangement-reflow skill

Parses design assets (PDF, CSS) to generate a draft design spec.

Expert design support for graphics, UI/UX, and visual mockups.

Generate comprehensive, well-structured design briefs that align stakeholders and guide design projects. This skill helps designers create clear project briefs that define scope, goals, constraints, a

design-catalog

Design components for Empathy Ledger - storyteller cards, story cards, and culturally sensitive UI patterns.

Simulates the professional design critique process. Forces questioning of every design decision, validates intentionality, checks optical balance, and ensures designs serve specific product purposes rather than following generic patterns.

Create AILANG design documents in the correct format and location. Use when user asks to create a design doc, plan a feature, or document a design. Handles both planned/ and implemented/ docs with proper structure.

Design Doc Generator creates comprehensive technical design documents for software projects. The skill generates production-ready documentation covering database schemas, system architecture, API spec

>

design-exploration

Export to PDF/HTML/markdown. Use when distributing documentation, creating presentations, or archiving design docs.

Prepare designs for development handoff. Document specifications, interactions, and assets to enable efficient development and maintain design quality.

Generate table of contents for design documentation. Use when creating navigation, documentation overview, or module index pages.

Initialize new design documentation from templates. Use when creating new design docs, documenting new systems, starting architecture documentation, or setting up design docs for a new module.

Curated collection of top-tier website designs organized by category, style, and pattern. Includes SaaS, marketing, e-commerce, and portfolio sites with analysis of what makes them effective. Use when looking for design inspiration or examples of specific patterns.

Generate cross-reference graph showing relationships between design documents. Use when visualizing doc dependencies, finding related docs, or understanding documentation structure.

design-patterns-expert

Apply appropriate design patterns (Singleton, Factory, Observer, Strategy, etc.) to solve architectural problems. Use when refactoring code architecture, implementing extensible systems, or following SOLID principles.

Remove historical cruft from design docs. Use when docs accumulate outdated content, after major refactorings, or when preparing for releases.

Full-text search across design documentation. Use when looking for specific topics, decisions, or patterns documented across design docs.

Create comprehensive UI/UX specifications for implementation.

Copies an existing landing page (from URL or image) into a specified page in the codebase using Playwright MCP. Iteratively refines the implementation until it matches the reference design and interactions as closely as possible. Use when the user wants to copy/reference/steal an existing landing page/url to replicate in their app

Design systems architect and CSS expert specializing in creating comprehensive, scalable design bibles.

Build or update frontend components and pages that strictly adhere to the project design system defined in design/design-system.json (and design/design.json when present).

Initialize design systems for projects via Q&A and templates, with auto-detection when missing

Help users build and scale design systems. Use when someone is creating a component library, establishing design tokens, scaling brand consistency, or deciding when to invest in a design system.

Design Thinking methodology for human-centered innovation. Covers the 5-phase IDEO/Stanford d.school approach (Empathize, Define, Ideate, Prototype, Test) with workshop facilitation and exercise templates.

Convert design specifications into pixel-perfect, production-ready React components.

Guided workflow for implementing HTML design prototypes as production React components with glassmorphism styling and quality standards enforcement. Use when converting design prototypes to production code.

description: Full AI-AGENT-PLAYBOOK orchestration - transforms a design specification into project artifacts and begins implementation

description: Transform human design documents into AI-optimized spec.md files

Update specific design document with new content or metadata. Use when modifying design docs, updating status/completeness, or syncing after code changes.

Expert UI designer for building responsive, accessible web interfaces with Tailwind CSS v4 and Tailwind Plus components. Use when building websites, landing pages, web applications, UI components, forms, navigation, layouts, e-commerce pages, or marketing pages. Has access to 657 Tailwind Plus component templates including application shells, forms, navigation, data display, overlays, e-commerce checkout flows, product pages, marketing heroes, pricing sections, and more. Specializes in responsive design, accessibility (WCAG), dark mode, modern CSS features, and system fonts.

Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation. Use for creating distinctive, production-ready UI.