Design & Media Agent Skills for Claude Desktop

Analyze a Figma frame's structure, properties, and implementation considerations

Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management…

Clone websites to React/HTML code and customize Anima output with AI.

Generate React/Vue/HTML code from a Figma design using the Anima SDK.

Implement reference architecture for Anima design-to-code automation.

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…