Sundae Bar Logo

Design Skills.

Discover 10 Design Skills that generate visuals, layouts, and design assets.

brand-identity

openclaw

Build a complete brand identity for a solopreneur business from scratch or refresh an existing one. Covers brand personality, voice and tone, visual identity system (colors, typography, logo direction, imagery style), tagline crafting, and a brand guidelines document. Use when creating a new brand, rebranding, or needing to make brand decisions consistent. Trigger on "create my brand", "brand identity", "brand guidelines", "define my brand voice", "brand personality", "what should my brand lo...


4,126
Writing
Design
Communication
FREE

Log In

systematic-debugging

obra

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes


145,477
Design
Research
Data Analysis
FREE

Log In

polish

pbakaus

Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.


18,151
Design
Writing
Code Generation
FREE

Log In

design-md

google-labs-code

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files


4,264
Design
File Processing
Data Extraction
FREE

Log In

brainstorming

obra

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.


145,450
Design
Writing
Research
FREE

Log In

frontend-design

anthropics

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.


114,465
Design
Code Generation
AI Tooling
FREE

Log In

next-best-practices

vercel-labs

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling


809
File Processing
Design
Code Generation
FREE

Log In

find-skills

vercel-labs

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.


13,530
AI Tooling
Design
DevOps
FREE

Log In

supabase-postgres-best-practices

supabase

Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.


5.0Excellent(1 Review)
Data Analysis
Security
Design
FREE

Log In

web-design-guidelines

vercel-labs

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".


24,780
Design
Research
File Processing
FREE

Log In