Design & Media Agent Skills

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy…

Choose prototype fidelity and method to match the design question and the decision at stake.

Set line length and measure for comfortable reading across type sizes and breakpoints.

Execute from repository evidence through applicable UI Spec and optional ADR decisions to complete frontend Design Doc approval

Renders realistic, high-fidelity Reddit post UI components optimized for social media sharing and video overlays.

Audit and fix visual hierarchy, spacing, color, and depth in web UIs.

User research reconnaissance — survey existing personas, research docs, interview notes, and feedback artifacts to establish what is…

Design layouts and interactions that adapt across screen sizes and input methods.

Retro Quarterly Review presentation template in a bold blue + orange editorial language.

Styling guide for Saleor Dashboard React components using macaw-ui design system.

Automates the creation of high-quality, standardized component documentation for the SEED Design System using Rootage YAML specs.

Generates professional 15-second product promotional video prompts for the Seedance 2.0 engine with integrated Dreamina CLI support.

Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding.

Extract comprehensive site specifications from simple descriptions.

Check a React component against its Figma design source and identify differences.

Keep Figma and code in sync — map the 3-tier DTCG tokens to Figma Variables (collections + modes), sync in either direction, use the Figma…

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics.

Improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity.

Per-page Codex review + targeted python-pptx / Beamer fixes for academic talk slides.

Stability AI API for AI image generation using Stable Diffusion.

Model component behaviour as explicit states, events, and transitions.