Design & Media Agent Skills for Grok Build

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.

Knowledge and utilities for creating animated GIFs optimized for Slack.

Search the Zhumeng GPT Image case library, adapt proven visual structures into a user-specific prompt, and optionally generate an image…

Automates multilingual Figma banner localization, reward image standardization, and QA exports for in-app zodiac marketing campaigns.

Design UI/UX systems with style guides, palettes, typography, and component specs for new interfaces

Generate and iterate on UI with 21st AI from the terminal via the `21st` CLI (`@21st-dev/cli`): sketch a UI from a prompt, preview the…

Search, install and pull code from the 21st.dev catalog with the `21st` CLI (`@21st-dev/cli`): find React/shadcn components, themes and…

Look at the current project's design (its shadcn / Tailwind CSS variables and color tokens) and publish it to the 21st.dev community as a…

Design banners for social media, ads, website heroes, creative assets, and print.

Create distinctive, production-grade frontend interfaces.

Comprehensive design guide for web, mobile, and desktop applications.

Shapes nonliteral wallpapers through form, material, rhythm, gradient, scale, and spatial depth.

Accessibility checking skill for web and mobile interfaces.

Use this skill to verify that simplifying a website or interface does not remove accessible names, semantics, headings, labels, errors…

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers.

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked…

Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX).

Evaluates and refines UI/UX specifications for architecture, engineering, and construction platforms, BIM viewers, and plan review…

Use after shipping UI or when a preview looks like generic AI slop.

Global AG-Grid best practices: Ivy compatibility, responsive layout (flexbox), theming, and state persistence.

Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained…