Design & Media Agent Skills for Claude Code

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component…

A designer's portfolio narrative for a senior interview — three case studies, the craft, and the judgment behind each.

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI)…

Token architecture, component specifications, and slide generation.

Create generative art using p5.js with seeded randomness so every render is reproducible.

Parse a structured design brief written in I-Lang protocol format into a concrete design spec.

Applies Notion Avatar's hand-drawn minimalist style to any artifact that may benefit from having the project's look-and-feel.

Generates structured, editable Draw.io technical roadmaps and conceptual diagrams for NSFC grant proposals.

Generates high-quality, editorial-grade data visualizations with New York Times-inspired typography and staggered animations.

Use when the user wants to design, preview, or customize an Obsidian vault theme — including choosing styles, comparing color schemes…

Default reference pipeline for the tune-collab taskKind — pick a direction, patch-edit the existing artifact, critique, hand off.

Modern, clean UI/UX guidance + review skill.

Engineer first-use product experiences that create psychological investment, early wins, habit formation triggers, and identity adoption.

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial…

OpenDesign's brand-story deck for partners and press: why it exists, what it believes, and where design is going.

Generates professional 1920x1080 presentation decks using React-style component composition and curated design systems.

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel.

Install and wire registry blocks and components into HyperFrames compositions.

Authenticate OpenCode with Figma MCP server to enable Figma design integration

Create versioned OpenSCAD (.scad) files for 3D printing, render previews, and compare iterations.

Run a customer journey mapping workshop with adaptive questions and outputs.