Framer
Design and ship a production site without hand-writing the front end. Good pairing for agent-generated copy.
Visit FramerSupabase
Postgres with auth and storage attached. The default backend for most things built with an agent this year.
Visit SupabaseDesign & Creative skills
Free design & creative skills for AI coding agents. Search within this category or filter by agent, level and popularity.
509 skills
Legacy Circuit Mockups
github
Visualize and create retro circuit diagrams easily.
Excalidraw Diagram Generator
github
Transform natural language into Excalidraw diagrams.
Penpot UI/UX Design
github
Create professional UI/UX designs in Penpot with ease.
Draw.io Diagram Generator
github
Easily create and validate draw.io diagrams.
UX Theming
microsoft
Streamline your VS Code theming process with best practices.
Slack GIF Creator
anthropics
Create optimized animated GIFs for Slack effortlessly.
Brainstorming Ideas Into Designs
obra
Transform ideas into structured designs through dialogue.
Gemini Omni Flash API
google-gemini
Generative video editing and creation with AI.
HyperFrames
nexu-io
Create HTML-based video content with ease.
Wireframe
paperclipai
Create low-fidelity UI wireframes in SVG format.
Magazine Web Presentation
nexu-io
Create visually striking HTML presentations with ease.
Open Design Landing Deck
nexu-io
Create engaging marketing decks with a magazine-style format.
Replit Deck
nexu-io
Create visually cohesive decision decks with ease.
PPTX HTML Fidelity Audit
nexu-io
Ensure your PPTX matches its HTML source perfectly.
Hallmark
nexu-io
Design skill for creating unique, structured UIs.
UI/UX Pro Max
nextlevelbuilder
Enhance your design process with intelligent recommendations.
Design Skill
nextlevelbuilder
Create comprehensive design assets seamlessly.
Humanize PPT
nexu-io
Transform raw material into presentation-ready outlines.
HTML PPT Studio
nexu-io
Create professional HTML presentations effortlessly.
Corporate Brand Guidelines
anthropics
Ensure consistent branding across all documents.
Design System
nextlevelbuilder
Streamline design token management and presentation generation.
Waitlist Page
nexu-io
Create a clean, focused pre-launch landing page.
UI Styling
nextlevelbuilder
Create beautiful, accessible user interfaces effortlessly.
Motion Graphics
calesthio
Create short, impactful motion graphics effortlessly.
About design & creative skills
What are design & creative skills for AI agents?
They are SKILL.md packages that teach an AI agent how to handle design & creative tasks. Each bundles instructions, and often scripts and reference files, that the agent loads when your request matches what the skill does.
Do these skills work outside Claude Code?
Yes. SKILL.md is an open standard, so the same folder works in Claude Code, Codex CLI, Cursor, Antigravity, Cowork, Windsurf and Copilot. Only the install path changes.
How much do they cost?
Every skill listed is free and open source. We link to the original repository so you can read the code before installing.
