Design & Media Agent Skills for Windsurf (legacy)

Authored frontends with unique typography, inevitable palettes, atmospheric texture, and communicative motion.

Use when users request image generation, AI art creation, image editing with Gemini models, need help crafting prompts, or want…

Build a responsive, interactive pitch-deck website from a brand book + a PRD/example deck.

Turn uploaded travel photos into full-canvas 3:4 pixel-dissolve landscapes with abundant paper white.

Theme the @platform-blocks/ui React Native library.

Scaffolds production-grade Web platforms and admin dashboards from scratch using shadcn UI, Tailwind CSS v4, and modern registry workflows.

Generates, modifies, and versions interactive HTML prototypes and specifications directly from product requirements using an AI-driven…

54 real-world design systems (Stripe, Linear, Vercel, Notion, Apple…) as ready-to-paste HTML/CSS — exact colors, typography, components…

Design reusable 2D character pose libraries, action cycles, and expression states for data-driven animation.

Turn a user photograph into a collectible orientation-aware postcard-zine using a source-faithful watercolor scene, an in-place perforated…

High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.

Use this skill when the user requests to generate, create, or make presentations (PPT/PPTX).

AI-driven presentation workflow for generating editable PPTX decks and slides, reconstructing page visuals, creating reusable…

Reconstruct renderer-compatible Solstice PRC proof templates and their embedded creative from PDF files, screenshots, or Figma designs.

Product design analysis from context and screenshots.

Use this skill after grounding, redesign, rewriting, or simplification to remove unsupported or unnecessary elements and verify that the…

Generate and vectorize SVG graphics via the QuiverAI API (Arrow model).

Migrates React projects and components from Radix UI to Base UI.

Run accessibility and visual design review

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes.

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.