Design & Media Agent Skills

Generate website images with Gemini 3 Native Image Generation.

React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact — eliminating…

Automates the autonomous creation of multi-page websites using a baton-based relay system and Stitch MCP.

Analyzes a Stitch project to generate a DESIGN.md file -- documents the design system in semantic, natural language to support consistent…

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns.

Suede Labs AI full-stack surface builder that runs design, copy, and visual QA as one pass: landing pages, brand surfaces, product UI…

Check if a React component's prop interface is ready for json-render migration.

Pre-built shadcn/ui components for json-render.

Generate guardrailed UI from natural language.

Generate or edit images with AI models through the OpenRouter Image API (Gemini, FLUX, Seedream, Recraft, GPT-Image).

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback.

Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play…

Port an existing Remotion (React) composition''s source to HyperFrames HTML.

Keyboard accessibility, focus management, and shortcuts.

Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting…

Generate a complete, deployable landing page from a brief.

Defines the product's objects, relationships, states, and vocabulary independently of any interface — the most load-bearing layer

Maps interaction structure and flow — produces breadboard notation with edge cases, failure paths, and open decisions

Framework orientation for Layers of Product Design — load this first; provides the context all other skills depend on

User research planning and synthesis at the observed behaviour layer — produces candidate job stories with confidence ratings

Diagnostic audit across all seven layers — identifies the bottleneck layer and recommends where to focus