Design & Media Agent Skills for HTTP / API

Toolkit for styling artifacts with a theme.

Use whenever anything is written, edited, named, or shown that a person or another agent will read or look at, including every visual…

Apple's approach to interface design and fluid, physical motion, translated for the web.

Apple Human Interface Guidelines interaction and UX patterns.

Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings.

Apply Bitwarden brand standards — logo usage, color palette, typography, iconography, and capitalization rules — grounded in…

Improve layout, spacing, and visual rhythm.

Add an ANSI color layer to existing ASCII/plain-text output (gradient/rainbow/highlights) with alignment-safe rules and a required…

UI/UX design architect. Strategy and workflow for planning UI work — design-only mode, audit existing style, brief inference, the three…

Entry point for ASCII CLI banners. Choose the Python built-in font skill or the figlet.js/FIGfont skill depending on needs.

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token…

Use when creating atomic-level UI components like buttons, inputs, labels, and icons.

Use when composing atoms into molecule components like form fields, search bars, and card headers.

Use when creating page layouts without real content.

Use when adding a plugin to the marketplace, or when authoring, editing, or re-rendering a scene under scripts/animations/scenes/…

Author dashboard themes. Read this when asked to create, edit, recolor, or restyle the dashboard — change the accent, build a…

Production-tested setup for AutoAnimate (@formkit/auto-animate) - a zero-config, drop-in animation library that automatically adds smooth…

Production-tested setup for Base UI (@base-ui-components/react) - MUI's unstyled component library that provides accessible, customizable…

Expert in making CLI tools visually stunning and delightful — not just functional.

Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library.

Use this skill when the user wants to make their app look better, says it looks like a template, asks how to achieve Stripe/Linear…