Design & Media Agent Skills

Open Design's enterprise AI-adoption brief: local-first agents at work, the risk controls, the ROI, and the rollout plan.

Convert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts.

Build dynamic web interfaces with htmx using hypermedia-driven patterns for partial page updates, lazy loading, infinite scroll, and…

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

Generates precise Human Design BodyGraph charts and comprehensive readings for talents, career alignment, relationships, and life purpose.

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design…

Non-animation creative direction for HyperFrames videos.

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks…

READ THIS FIRST for any request to make, create, edit, animate, or render a video, animation, or motion graphic — a promo, explainer…

This skill should be used when creating, modifying, or troubleshooting custom themes for iA Presenter.

Build a stable identity kit from user reference photos, maintain an indexed base-image library, ask for replacement and wardrobe scope…

Implement Ideogram reference architecture with prompt templates, asset

Use this skill whenever the user asks for an HTML-first visual design deliverable or design judgment: interactive prototype, slide deck…

Enhances image clarity and de-blurs photos with configurable quality presets using the Flyelep AI API.

Renders HTML/CSS into production-ready images via Playwright.

Create an image-led grid design system with full-bleed photography, structural guide lines, anchored content blocks, and restrained…

Generate images via Nano Banana (Gemini 2.5/3.1 Flash Image) on OpenRouter.

AI image generation with OpenAI, Google and DashScope APIs.

Generate or refine stills with a repeatable AI loop.

Restyles existing images into diverse artistic styles with customizable fidelity, atmospheric mood overlays, and title layouts.

Reconstruct diagrams, slide screenshots, infographics, dashboards, and other raster reference images as layout-faithful editable SVG code.