Design & Media Agent Skills for Windsurf (legacy)

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.

Guide for using ImageMagick command-line tools to perform advanced image processing tasks including format conversion, resizing, cropping…

How to use the image_gen and image_edit tool calls in Grok Build: when to build a visual with code instead of generating it, prompt-craft…

An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful…

Use when Codex needs a frontend design orchestration layer inside the Design/UI family to coordinate `brand-identity`…

Guide for adding MCP UI apps — interactive visualizations that render tool results in MCP clients like Claude Desktop.

Design raw mechanical interfaces with Swiss typographic print and military terminal aesthetics: rigid grids, extreme type scale…

Interactive design refinement with structured exploration

Interface Craft by Josh Puckett — a toolkit for building polished, animated interfaces in React.