The Vault
Design & Creative
373 assets.
Canvas Design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user…
Slack Gif Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and anim…
Web Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (…
3D Product Render Style Pack
Studio-lit isometric product renders with soft shadows and clean surfaces.
Accessibility Contrast Checker
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
AI Image Prompt Writer
Writes detailed prompts for AI image generators.
Architectural Render Style Pack
Photorealistic architecture renders — exteriors, interiors, urban context.
Brand Color Palette Generator
Builds a usable brand palette with hex codes, roles, and accessibility notes.
Creative Brief Generator
Turns a vague design ask into a structured creative brief a designer can act on.
Creative Brief Writer
Writes a clear creative brief to align a design project.
Dark Mode Palette Adapter
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.
Design Critique Checklist
Runs a structured critique of a screen or layout across hierarchy, spacing, and clarity.
Design System Component Spec
Specs a UI component with its variants, states, sizing, and usage rules for a design system.
Font Pairing Advisor
Recommends harmonious font pairings for a brand or project with rationale and usage guidance.
Illustration Style Brief
Defines a consistent illustration direction including style, palette, composition, and do/don't rules.
/accessibility-audit
WCAG 2.2 AA quick audit of an HTML page or component.
/design-critique
Heuristic critique of an attached design — hierarchy, contrast, alignment.
/generate-color-palette
Generates a 5-color palette with hex codes, names, and use cases.
/generate-design-tokens
Generates W3C Design Tokens JSON from a brand brief.
/wireframe-from-description
Generates a low-fi wireframe (HTML/SVG) from a one-paragraph description.
21st.dev Magic
A Model Context Protocol (MCP) server designed to help create custom UI components, drawing inspiration from the design…
Accessibility Audit Workflow
WCAG 2.2 AA audit — contrast, alt text, keyboard nav, ARIA, focus order.
Accessibility Check
Review a design for accessibility.
accessibility review Brief
A one-page brief to plan accessibility review before you start.