Autonomous UX copy improvement — rewrites unclear labels, error messages, microcopy, CTAs, tooltips, and onboarding text. Makes every word earn its place. Supports web and mobile.
Designer senior extremamente critico. Analisa aplicacao web em 5 pilares (Visual Consistency, Information Hierarchy, Interaction Quality, Spatial Design, Polish & Craft), captura…
Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts.
Validate, query, resolve, diff, and author spec-conformant design tokens and components using the design-data MCP tools against a local dataset.
Design the data model: entities, relationships, constraints, indexes, and migration strategy.
Use when a design direction is uncertain, when the team could go multiple ways, or when the user wants to see competing approaches argued before committing — orchestrates…
Forces documentation of the reasoning behind every significant design decision. Creates a decision log that explains WHY choices were made, alternatives considered, and trade-offs…
Add moments of joy — success celebrations, subtle hover reactions, personality in empty states, easter eggs, and contextual surprises.
Design direction interview methodology — SUPERSEDED. The `impeccable` skill's `/impeccable teach` command now handles design direction discovery with a more comprehensive,…
あらゆるプロダクト（アプリ UI、スライド、資料、マーケ素材等）のデザインプロトタイプを対話的に探索・生成・納品する。Claude Design の Agent Skills 版。
Create an engineering design document from conversation context using the Google Drive template.
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.
Design Doc Template - Auto-activating skill for Technical Documentation. Triggers on: design doc template, design doc template Part of the Technical Documentation skill category.
Design Cosmos DB NoSQL document model from Oracle schema analysis. Transforms relational schema (tables, constraints, PLSQL) into denormalized documents, containers, partition…
Use when turning a selected project domain into a domain-harness spec with components, guardrails, and eval scenarios.
Design embodied learning paths for tacit or judgment-heavy skills using scaffolded practice, simulation, and deliberate repetition.
Understand the Design Engineer role - bridging design and implementation. Learn to think about design as code, understand rendering pipelines, optimize animation performance, and…
Use when systematically evaluating existing designs for cognitive alignment, conducting design reviews or critiques, diagnosing usability issues, quality assurance before launch,…
Step-by-step guide for designing domain event schemas with JSON Schema, versioning, and implementation following patterns.
Design system and anti-patterns for professional UI. Ensures apps don't look "AI generated". Defines color palettes, typography, spacing, animations, and common anti-patterns to…
Break a design into multiple stories with dependency wiring
Export to PDF/HTML/markdown. Use when distributing documentation, creating presentations, or archiving design docs.
Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.
Run the full design-to-build workflow as a guided sequence. Orchestrates all designer skills in order, from grilling through review.
Cross-target design principles (tokens, component model, a11y outcomes, docs surface). Use for any Storybook target before stack-specific styling skills.
Use when creating React/Vue components or adding UI features. Enforces composition patterns and state management best practices.
Core design principles for creating distinctive, beautiful UIs with technical excellence. Combines creative direction with practical foundation for memorable, accessible…
Meta-router for design work. Takes a one-line intent, scores its fuzziness, and routes you through the right chain of first-ask → boost-prompt → design-designer.
Design Gate を実施し、設計書（Design Artifact）を生成・評価する。Use when: high-risk 以上のタスクで実装前に設計を整理したい時。「設計書を作りたい」「Design Gate を通したい」「実装前に設計レビューをしたい」。
Design a paved road that is the lowest-friction compliant option, with self-service actions and guardrails. Reach for this on a paved-road question.
Comprehensive UI/UX design guidelines covering visual design (typography, color, motion) and user experience (cognitive psychology, interaction patterns, mental models).
Make interfaces bulletproof — error boundaries, loading states, empty states, text overflow, i18n readiness, offline handling, and every edge case that breaks in production.
Design principles for pinpoint UI refinement — polishing a specific component, adjusting colors/spacing/copy, or fixing something that "feels off." Not for whole-screen mocks (use…
Expert photography prompt engineer specializing in crafting detailed, evocative prompts for AI image generation.
Use when a designer wants to write up the impact of an initiative they owned, turning a shipped project into a short, shareable impact report.
Systematic design optimization for young-personal-site following established design principles. Ensures consistent color palette, responsive layout, and professional appearance.
Generate table of contents for design documentation. Use when creating navigation, documentation overview, or module index pages.
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…
Build, extend, repair, or audit UI through a modular design decision system. Use when Codex needs to create new interfaces, adopt an existing design system, repair broken UI,…
Creates accurate frontend implementations from visual references while maintaining design consistency.
Use when designing interfaces, comparing interface alternatives, applying Design It Twice, or exploring interfaces for a module.
4-step framework for system design interviews. Use when preparing for technical interviews, practicing whiteboard design, or structuring architectural discussions.
Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign.
モジュールや API のインターフェースを設計するとき、サブエージェントを並列に走らせて根本的に異なる複数案を生成・比較する。 最初の案が最善であることはまずない。A Philosophy of Software Design の「Design It Twice」を実践する。 Use when designing an API, exploring…
Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans.
Apply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the application.
Create or improve welcome, nurture, onboarding, re-engagement, and other lifecycle sequences with a clear purpose for each email.
Generate cross-reference graph showing relationships between design documents. Use when visualizing doc dependencies, finding related docs, or understanding documentation…
Design combinational logic circuits from a functional specification through gate-level implementation.
Deep knowledge of legendary designers and their enduring contributions. Learn from Saul Bass, Massimo Vignelli, Dieter Rams, Paula Scher, and others whose work defines excellence.
World-class design system with extensible business type registry. Automatically selects appropriate design patterns based on business context.
Design a Zoom MCP workflow for Claude. Use when deciding whether Zoom MCP fits a task, when planning tool-based AI workflows, or when separating MCP responsibilities from REST API…
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files — from google-labs-code/stitch-skills
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files — from bg-szy/TOP-SKILLS
新機能のデザインモックを apps/web に作成し、playwright-mcp でスクリーンショットを撮って docs/spec/{feature}/README.md に貼り付ける skill。ユーザーは README…
Build and present HTML/CSS design mockups with a local preview server. Use when prototyping website designs, iterating on visual concepts, or presenting design options.
Historical design movements and their enduring influence. Understand Bauhaus, Swiss International Style, Art Deco, Memphis, and more.
Normalize a codebase to its design system — replace hardcoded values with tokens, enforce consistent component usage, align spacing/typography/color with the established system.
Design sustainable on-call rotations with balanced schedules, clear escalation policies, fatigue management, and handoff procedures.
Design or improve onboarding flows, empty states, and first-time experiences. Progressive disclosure over feature dumps. Contextual guidance over tutorials.