Agent Skills

codebase-design

★ 156,200

by mattpocock

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.

grilling

★ 156,200

by mattpocock

Interview the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building, or uses any 'grill' trigger phrases.

design-an-interface

★ 155,900

by mattpocock

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

grill-me

★ 155,900

by mattpocock

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

frontend-design

✓★ 136,000

by anthropic

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to avoid cookie-cutter results Emphasizes typography choices (distinctive display and body fonts), cohesive color palettes with CSS variables, and high-impact motion through staggered animations and scroll triggers Covers spatial composition...

slides

★ 100,600

by nextlevelbuilder

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

design-system

★ 100,600

by nextlevelbuilder

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

frontend-design

✓★ 31,500

by anthropic

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purple...

frontend-design

✓★ 31,500

by anthropic

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…

playground

✓★ 31,500

by anthropic

Self-contained HTML playgrounds with live preview, interactive controls, and copyable prompt output. Includes five templates for common playground types: design decisions, data exploration, concept mapping, document critique, and code review Every playground features instant live preview, natural-language prompt generation that only mentions non-default choices, and a one-click copy button Built as single HTML files with no external dependencies, dark theme by default, and sensible presets...

web-design-guidelines

★ 28,600

by vercel

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…

Web Interface Guidelines

★ 28,600

by Vercel

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 against best practices".

agent-dx-cli-scale

★ 24,800

by google-labs-code

A scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents" principles.

winui-app

✓★ 23,200

by openai

Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns,…

create-cowork-plugin

✓★ 22,300

by anthropic

Build a new plugin from scratch through guided conversation. Walk the user through discovery, planning, design, implementation, and packaging — delivering a ready-to-install .plugin file at the end.

architecture

✓★ 22,300

by anthropic

Create or evaluate an architecture decision record (ADR). Use when choosing between technologies (e.g., Kafka vs SQS), documenting a design decision with…

data-visualization

✓★ 22,300

by anthropic

Chart selection guidance, Python code patterns, and design principles for effective data visualizations. Comprehensive chart selection table covering 13+ chart types with guidance on when to use each and common anti-patterns to avoid (pie charts, 3D, dual-axis) Ready-to-use Python code examples for line charts, bar charts, histograms, heatmaps, small multiples, and interactive Plotly visualizations with professional styling Design principles covering color theory (sequential, diverging,...

testing-strategy

✓★ 22,300

by anthropic

Design test strategies and test plans. Trigger with "how should we test", "test strategy for", "write tests for", "test plan", "what tests do we need", or when…

user-research

✓★ 22,300

by anthropic

Plan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or…

org-planning

✓★ 22,300

by anthropic

Headcount planning, org design, and team structure optimization. Trigger with "org planning", "headcount plan", "team structure", "reorg", "who should we hire…

remotion

★ 6,400

by google-labs-code

Create professional walkthrough videos from Stitch app designs using Remotion with smooth transitions and text overlays. Retrieves screens from Stitch projects and orchestrates them into Remotion video compositions with zoom effects, fade transitions, and contextual text overlays Supports modular component architecture with ScreenSlide and WalkthroughComposition components, plus advanced features like interactive hotspots and voiceover integration Generates screen manifests, downloads...

frontend-design

★ 5,700

by vercel

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…

web-animation-design

★ 5,700

by vercel

web-animation-design — an installable skill for AI agents, published by vercel-labs/open-agents.

emil-design-eng

★ 5,700

by vercel

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

review-animations

★ 4,800

by emilkowalski

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

game-ui-frontend

✓★ 4,000

by openai

Design UI surfaces for browser games. Use when the user asks for HUDs, menus, overlays, responsive layouts, or visual direction that must protect the playfield.

ios-app-intents

✓★ 4,000

by openai

Design and implement App Intents, app entities, and App Shortcuts for iOS apps so useful actions and content are available to Shortcuts, Siri, Spotlight,…

building-native-ui

✓★ 2,200

by expo

Complete guide for building native Expo apps with routing, styling, components, and platform conventions. Covers Expo Router fundamentals, native tabs, stack navigation, modals, and form sheets with detailed route structure conventions Includes styling rules aligned with Apple Human Interface Guidelines: flexbox layouts, safe area handling, animations, shadows via CSS boxShadow , and responsive design patterns Documents library preferences (expo-image for SF Symbols, expo-audio, expo-video,...

validate-skills

★ 1,500

by callstackincubator

Validates skills against agentskills.io spec and Claude Code best practices. Checks skill metadata compliance including name format, description length, and optional fields like license and compatibility Enforces Claude Code best practices: third-person descriptions, body length limits, single-level references, and markdown link formatting Provides structured validation reports flagging spec violations and authoring guideline deviations Designed for use via /validate-skills command within a...

character-design-sheet

★ 582

by qu-skills

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design,...