Design & Media Agent Skills

Transforms workflows into interactive whiteboard-style diagrams with sticky notes and hand-drawn SVG connectors.

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Analyzes Stitch projects to generate comprehensive DESIGN.md documentation for consistent, semantic UI development.

Semantic Design System Skill for Google Stitch.

Iterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.

Generates professional web novel covers with integrated title and author name rendering using GPT-Image-2.

Storybook

Don't suspend a whole multi-step component on data only a later step needs.

CSS and Tailwind styling guidelines. Use when writing styles, creating UI components, reviewing CSS/Tailwind code, or deciding on wrapper…

Portable Livewire conventions — domain folder structure, action-based naming, custom docblocks, placeholder Blade paths, and generic…

ALWAYS read this skill before generating or editing any image, or calling image_generate — text-to-image or image-to-image, simple or…

Automate Supportivekoala tasks via Rube MCP (Composio).

Restricted module for explicit Spatial Web, WebGPU, WebXR, PBR, compute shaders, spatial media and high-end editorial web experiences.

Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews.

Generates and edits SVG logos, icons, and graphics.

Create distinctive, production-grade frontend interfaces with high design quality.

Pilot the v1 research guide against synthetic personas —every trait marked as evidence or assumption, at least one skeptic— to find broken…

Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns.

Tailwind CSS patterns and conventions. Use when writing responsive designs, implementing dark mode, creating reusable component styles…

Accelerates frontend styling by implementing utility-first Tailwind CSS patterns and responsive design principles.

Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns).