Design & Media Agent Skills

Generate complete, accessible colour palettes from a single brand hex.

Compare UX patterns, features, strengths, and gaps across rival products.

Audit Webflow Code Components for architecture decisions - prop exposure, state management, slot opportunities, and Shadow DOM…

Use this skill to audit or define reusable UI component and design-system contracts across design files, documentation, Storybook, source…

Design system token management, component API design, Storybook, and visual regression testing patterns

Generate new Webflow Code Component boilerplate with React component, definition file, and optional styling.

Specify one component — props, states, variants, accessibility, and usage rules.

Como usar os componentes do Material UI v9 — comportamento por categoria (Inputs, Data Display, Feedback, Navigation, Surfaces/Layout, MUI…

Skill for the _components area of Securacy. 65 symbols across 19 files.

Presentation creation, editing, and analysis.

Expert skill for composite aerospace structure design and analysis

Compress static PNG, JPEG, or WebP files to WebP or lossless PNG.

Designing for informed user consent, opt-out, and human override.

Transforms article concepts and workflows into minimalist, quirky hand-drawn 16:9 illustrations featuring a recurring visual IP character.

Color contrast and visual accessibility specialist.

Convert an existing React component into a Webflow Code Component.

Conducts end-to-end user research including AI interviews, synthetic user testing, and quantitative surveys within your development…

Core component library and design system patterns.

Corporate cowork design: defines the visual interface for partners, counsel, and associates.

Create detailed text-to-image prompts for album and song cover artwork optimized for Midjourney, DALL-E, and other AI image generators

Generates high-precision, typography-driven video thumbnails and social media covers using HTML/CSS and browser-based rendering.