Design & Media Agent Skills for Cursor

Use this skill when the question is what to *pre-select* in a list of options — radio groups, dropdowns, configuration UIs, plan pickers…

Generates event key visuals, interactive prototypes, and proposal decks using OpenDesign with multi-format export support.

Use this skill whenever creating a visual graphic as a PNG image — banners, cards, diagrams, infographics, section headers…

For consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan.

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.