Design & Media Agent Skills

Vector icon libraries ecosystem guide covering 10+ major libraries with

Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.

Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.

GATEWAY — load FIRST before composing any HyperFrames animation or video.

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand…

Web (CSS/JS/React + GSAP/Motion): classify UI motion as communicative (sequence is the content) or decorative (decorating a result), then…

This skill should be used when the user asks to "make this animation feel natural", "fix motion that feels stiff/floaty/cheap", "my…

Audit and improve web accessibility following WCAG 2.1 guidelines.

A rating component for collecting user feedback with customizable icons, colors, and half-star support in Naive UI.

REQUIRED for all image generation requests.

NASApunk retro-futurist frontend design system with a Starfield-inspired modern layer — NASA golden age (1960s–1980s) aesthetic evolved…

Use when adding or reviewing UI navigation so internal routes preserve normal SPA behavior plus Cmd/Ctrl-click and middle-click new-tab…

Generates and refines realistic, smartphone-quality AI images by eliminating synthetic artifacts and plastic textures for social media.

Use when designing or auditing display items for a Nature Geoscience manuscript, where 4-6 figures/tables must carry the Earth-system…

Designs, implements, and optimizes enterprise admin interfaces, marketing websites, design token systems, and interactive HTML technical…

NEO component principle for surface work.

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.

Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded…

Create a container-in-container layout system using nested frames.

Instructs AI agents how to discover, configure, install, and audit components from our Design Wiki registry.

Authors a house-style inline-SVG network diagram for a Tutti design page.