Design & Media Agent Skills

Portrait Mode for SVGs — foveated vectorization with 4-zone selective detail.

Run AI-assisted synthetic usability tests on URLs, prototypes, Figma files, screenshots, docs, CLI/API workflows, and interface artifacts…

Tailwind CSS 4 patterns and best practices.

Use this skill when assessing design system maturity, evaluating adoption health, analyzing component duplication, or calculating design…

Design taste evaluation framework — DVF primary filter, Apple/Google/Jobs design principles as explicit scoring criteria, weighted…

Patterns for building desktop operator consoles in Tauri (React + TypeScript), focusing on real-time data binding, live list refresh…

Unified team skill for frontend development.

Unified team skill for interactive component crafting.

Use for any image creation or editing request — logo, sticker, product mockup, nano banana, t2i, i2i, multi-reference compositing via…

Use this skill whenever the design has many features, controls, or content elements and decisions about which to prioritize matter…

Design theming architecture — brand variants, dark mode, and high-contrast — mapped through token layers.

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects.

Generate article or newsletter thumbnail candidates using the Gemini API from inside Claude Code.

Map an extracted Figma / source-code token bag onto the active OD design system, producing a deterministic mapping the generate stage can…

Adjusting formality, warmth, confidence, and style per context.

Use when implementing or replacing CSS transitions for badges, dropdowns, modals, panels, page changes, resizing cards, number or text…

Generate and render a pixel-precise ASCII TUI Gap component with complete output blocks (TUI_RENDER, COMPONENT_SPEC, PENCIL_SPEC…

TypeGPU and raw WebGPU adapter patterns for HyperFrames.

Create a modular type scale with size, weight, and line-height relationships.

This skill should be used when creating distinctive, production-grade frontend interfaces with high design quality.

Audit a StyleSeed-based component or page for WCAG 2.2 AA issues and apply practical accessibility fixes where the code makes them safe.