Design & Media Agent Skills

Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed…

Create, revise, QA, and package LINE sticker sets when work involves character artwork, reusable raster lettering, text-free originals…

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

Apple Human Interface Guidelines for content display components.

Generate favicons from a source image

Three.js lighting - light types, shadows, environment lighting.

Creates a LinkedIn post image at LinkedIn's dimensions, in the chosen orientation.

Generate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode…

Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package.

Complete guide, procedures, standards, and exhaustive reference for creating and maintaining Anonymous Livewire Blade UI elements and…

Use when building or reviewing any interface that will be translated, or used by people with limited literacy or limited prior exposure to…

Source, verify, and prepare company/brand logos (customers, partners, vendors) for decks and internal assets.

Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects

Generate animated hero sections for landing pages.

Creates visual art in PDF and PNG formats covering design philosophies, aesthetic movements, and museum-quality graphics.

Builds web components, pages, applications, landing pages, and styled web UIs.

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component…

Upgrades existing websites and apps to premium quality.

Review and critique existing designs, websites, or frontend code against design principles.

macOS SwiftUI Liquid Glass UI: modernize or review system materials, toolbars, search, controls, and custom glass; prefer native structure…

Use when an answer about the connected product would land better as something the person can look at and use than as text you type out — a…