23 Claude Code & Codex skills for design.
Skills the agent loads mid-task — copywriting, color theory, creative direction, brainstorming. There’s no static demo because the outcome depends on your input, so each detail page reads like a brief: title, description, triggers, attribution.
- 001
/deep-think — Maximum Cognitive Effort Protocol Comprehensive deep-thinking process. Activates maximum reasoning, skill retrieval, verification, and step-by-step execution. - 002
Agent Skill: Principal UI/UX Architect & Motion Choreographer (Awwwards-Tier) --- name: high-end-visual-design description: Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the - 003
Atelier Zero — Image Generation Prompt Pack This pack is consumed by the `open-design-landing` skill. Every page-level image is rendered with `gpt-image-fal` (preferred) or `gpt-image-azure`. - 004
Clone Audit Audit website clones for fidelity gaps, tracking code, source-brand and language residue, placeholders, and risky external dependencies. - 005
Code migration (default scenario) Default reference pipeline for the code-migration taskKind, with patch-edit ↔ build-test devloop and diff-review handoff. - 006
Contribute Plugin to OpenDesign Opens a pull request that adds a local OpenDesign plugin to the OpenDesign community catalog using the GitHub CLI. - 007
Default design router Hidden fallback scenario for free-form Home prompts. It infers the task type and asks only when the brief cannot be routed reliably. - 008
Design Brief Parse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from vague requests like "make it professional" by requiring explicit dimensions: palette, typography, layout, mood, density, and constraints. Trigger keywords: "design brief", "create a design brief", "ilang brief", "structured brief". - 009
Design refine Baseline Refine plugin for improving an existing OpenDesign artifact with a focused critique, small patch, and handoff summary. - 010
Design System Source Context This file is generated during setup and should be treated as source evidence for the design-system project. Use it before writing or revising DESIGN.md, previews, tokens, UI kit examples, or assets. - 011
Export to Next.js Starter downstream export plugin for turning an accepted OpenDesign artifact into a Next.js App Router handoff. - 012
Export to React Starter downstream export plugin for turning an accepted OpenDesign artifact into a React component handoff. - 013
Export to Vue Starter downstream export plugin for turning an accepted OpenDesign artifact into a Vue 3 single-file component handoff. - 014
Figma migration (default scenario) Default reference pipeline for the figma-migration taskKind. - 015
G2 Design System UI Kit A packaged OpenDesign UI kit for HiCatcat G2 AR glasses HUD prototypes. Includes index.html, local token CSS, and modular React components for regular 640 and compact 320 display modes. - 016
Media generation (default scenario) Default scenario plugin for image, video, and audio projects. Routes through the media-* atoms based on the project kind and wraps the result in a live artifact. - 017
New generation (default scenario) Default reference pipeline for the new-generation taskKind. - 018
OD Next Strategy V2 Bundled, inactive OD Next planning and Build strategy content. - 019
Plugin authoring Guided scenario for creating a local OpenDesign plugin folder that can be added to My plugins. - 020
Pptx Html Fidelity Audit Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with strict footer-rail + cursor-flow layout discipline. Use this skill whenever the user has a .pptx that was generated from an HTML slide deck and asks to compare/audit/verify/fix the export — including phrases like "compare ppt with html", "fidelity audit", "fix the pptx", "ppt is cut off", "footer overlap", "italic missing in pptx", "re-export the deck", "pptx-html-fidelity-audit", or any case where a python-pptx → HTML round-trip needs verification or repair. Also trigger when the user shows you a deck.html and a deck.pptx side by side and is debugging visual differences. - 021
Publish Plugin to GitHub Creates a public GitHub repository for a local OpenDesign plugin using the GitHub CLI. - 022
Share to community Package the work the user just finished into an OpenDesign plugin and route them to the existing Add-to-My-plugins / Open-Design-PR buttons. Triggered by the post-completion 'Share to OpenDesign' submission action. - 023
Tune & collaborate (default scenario) Default reference pipeline for the tune-collab taskKind.