Design & Media Agent Skills for Claude Code

Converts documents, outlines, or notes into self-contained HTML slide decks with horizontal (Reveal.js) or vertical scroll navigation and…

Transforms raw content into standalone, responsive 16:9 HTML slide presentations with keyboard navigation and print support.

Generates low-fidelity, self-contained HTML wireframes in Japanese to validate UI structure, information hierarchy, and user task flows…

Build a throwaway prototype to answer a design question.

Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play…

The HyperFrames composition contract — build one renderable project.

Duplicates the selected FRAME or SECTION once per target language and translates every text node inside each copy — including text nested…

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues.

Select semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor.

Generate a coordinated icon pack as SVG icons.

Standardize icon usage with proper wrapping and theming support.

Apply iconic representation — using simplified visual symbols to communicate function, status, or category at a glance.

Apply arbitrary and symbolic icon design — using forms with no inherent meaning that depend on convention to communicate (the hamburger…

Execute Ideogram primary workflow: text-to-image generation with text

Optimize Ideogram costs through model selection, caching, and usage

Manage Ideogram generated image assets, metadata tracking, and lifecycle

Defines medium, mark-making, shapes, texture, and stylization for illustrated or graphic wallpapers.

Create a private visual direction for a person, product, or brand, then turn it into image concepts, production prompts, and generated…

Removes image backgrounds and produces transparent PNGs locally using open-source AI segmentation models without external APIs.

Processes and transforms images using resizing, format conversion, and watermarking capabilities within your coding environment.

Image processing toolkit awareness. Use when: user uploads images for manipulation, requests format conversion, batch processing…