typography
The art and science of arranging type to make written language legible, readable, and visually appealing. Typography is the invisible art - when done well,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Design & creation
21,092 results
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
awesome-design-systems
Curated catalog of 185 publicly documented design systems (Material, Carbon, Polaris, Fluent, GOV.UK, Atlassian, Salesforce Lightning, Chakra, Mantine,…
design-router
Automatically routes to the best UI/UX design skills based on project type, industry, and aesthetic requirements. Acts as a design dispatcher that reads the…
image-compression
Client-side image compression before upload using Squoosh with Canvas fallback and server-side Sharp validation. Use for web apps needing max width 1920px, max…
design-systems-architecture
Design system architecture: W3C design tokens, Style Dictionary pipelines, component library structure, theming, multi-brand token tiers, governance,…
_video-watching
Watch and understand video files by converting them to viewable image storyboards for enjoyment, analysis, species identification, behavior tracking, and…
brand
Define, update, create, and review brand voice, messaging, visual identity, logos, corporate identity, custom icon language, approved assets, and consistency.…
cloud-architect
Guides cloud solution architecture—Well-Architected alignment, landing zone and org design, workload placement and service selection, network and security…
solutions-architect
Guides customer-facing and internal technical solution design—discovery and requirements, integration and reference architecture, security/compliance fit,…
page-designer
Design full page layouts using your design system. Use this skill whenever the user wants to plan, design, or lay out a new page, screen, or view for a web…
wireframe-agent
Create quick low-fidelity wireframes and page structure sketches. Use this skill when the user wants a rough layout, wireframe, skeleton, mockup outline, or…
material-design-3-icons
Applies Material Design 3 icon guidelines using Material Symbols — Google's variable font icon system. Use this when working with icons, Material Symbols, icon…
material-design-3-layout
Applies Material Design 3 Expressive layout, spacing, and size hierarchy principles including grid systems, responsive design, and elevation. Use this when…
material-design-3-motion
Applies Material Design 3 Expressive motion and animation principles to create natural, intuitive, and engaging user experiences. Use this when implementing…
game-audio
Game audio principles. Sound design, music integration, adaptive audio systems.
edit-video
Conversational video editing: transcribe, plan edits using transcript analysis, and render. Use when: (1) User wants to edit a video by reviewing its…
german-translator-pro-brand-legal
Swiss-German translator for brand/UI and legal text — trained on real translation patterns from 12+ top brands (Swisscom, UBS, On Running, Logitech, IKEA,…
space-chart-html-plus
AI all-purpose chart generator (extended version). Generate 35+ beautifully designed chart HTML files with one click, covering 5 major categories: technical architecture, process logic, business strategy, data visualization, and information display. Supports 3 built-in visual styles (black-and-white minimalist, dark mode, Claude warm tone) + brand style extensions. Trigger words: "draw an XX chart", "generate XX…
space-gemini-image
Use this Skill when the user wants to generate images, draw, paint, create images, or do AI art. Supports text-to-image and image-to-image.
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand…
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art,…
game-design-zeigarnik-effect-audit
Audit a game, feature, task system, quest flow, event track, puzzle chain, progression layer, or return loop through the lens of the Zeigarnik effect: the…
baoyu-cover-image
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 9 color palettes and 6 rendering styles. Supports cinematic…