Design & Media Agent Skills

Route a user's Liquid Glass request to the most suitable blog-derived child skill.

Unified design router: logo, CIP, banners, slides, icons, social photos, design tokens.

Frontend component architect — decides component hierarchy, enforces SRP, and provides structured component specifications.

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

Generate images with Gemini (default) or fal.ai FLUX.2 klein 4B (--cheap for fast/low-cost).

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

Generate Excalidraw diagrams from text content.

Create banners using AI image generation.

Design banners for social media, ads, website heroes, creative assets, and print.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues.

Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.

Create high-quality draw.io diagrams with better layout for architecture diagrams, flowcharts, block diagrams, system maps, data flows…

Help users apply behavioral science to product design.

Use when working with icons in any project.

Design or review interfaces with scenario-first interaction, spatial clarity, precise labels, and component-by-component responsive…

Guide human-centered design processes using empathy-driven methodologies.

UX designer and UI specialist. Use when the user asks to talk to Sally or requests the UX designer.

Create interface designs, wireframes, and design systems.

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

Design or improve diagrams for relationships, sequences, hierarchies, states, or quantitative structures.