Design & Media Agent Skills for Claude Code

Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.

Generate 3D printable STL files for woodworking jigs and fixtures using CadQuery.

Stop coding agents from shipping generic UI.

End-to-end maker for premium editorial "stop-motion graphic" videos: the look where a flat coloured background sits empty for a beat, then…

Use when writing or reviewing Storybook stories (`.stories.tsx`) for React components.

Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.

Use this skill to choose the dominant information structure for a website, interface, portfolio, archive, product page, profile…

Apply a named visual style or brand look to a Figma file — writing its palette as local color variables, its type rules as text styles…

Fetch and apply reusable creative styles (visual + voice) from StyleRef.io.

Design taste and identity. Use for UI polish, landing pages, redesigns, "it looks like AI", and client brand work. Loads the project…

Designs, builds, redesigns, and audits high-quality visual frontends using a guided research-to-render workflow.

Ask Claude Code to make a taste-driven call on something ambiguous — UI polish, prose phrasing, naming, formatting.

Design taste and process for anything a person will look at in a browser — landing page, dashboard, prototype, deck.

Create a modern dark-mode technical design system with matte-black surfaces, emerald signal accents, mono system labeling, framed…

Create a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and…

Quarterly / monthly financial report — masthead with KPIs, revenue and burn charts, P&L summary table, top-line highlights, and an outlook…

Make a Bun/TS command-line tool's output look designed — the render layer, in the house style used by `qb` and `see`.

A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single…

Render, collect, compare, and visually verify representative OpenGraph or social-card image variants as a labeled contact sheet.

Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages.

Three.js and WebGL adapter patterns for HyperFrames.