Design & build a website
frontend-designTested sample- Output
- Website code
- Needs
- Editable web project and a coding agent
AI skills.
For design.
Find skills for websites, posters, presentations and video. Start designing in your AI tool.
A skill is a folder of instructions that teaches your AI tool one kind of design work. Add it to your project, then describe your task.
Works with Claude Code Codex CursorCard previews are illustrations. Skills marked “Tested sample” show a real output on their page.
Refine an existing interface
impeccable- Output
- UI review & refinements
- Needs
- Runnable web project and file access
Review web interface guidelines
web-design-guidelines- Output
- Findings with file references
- Needs
- UI source files and online access
Create posters & static artwork
canvas-designTested sample- Output
- PNG / PDF
- Needs
- File-writing agent and rendering dependencies
Design a presentation
pptxTested sample- Output
- Editable PPTX
- Needs
- File access and presentation tools; see setup
Choose colors & typography
theme-factory- Output
- A theme applied to your work
- Needs
- Existing artwork and format-specific editing tools
Explore generative art
algorithmic-art- Output
- Interactive p5.js artwork
- Needs
- HTML/JS file access and a browser
Create video & motion
remotion-best-practices- Output
- Remotion project & rendered video
- Needs
- Node.js and a working Remotion project
Implement a Figma design
figma- Output
- UI code in your project
- Needs
- Figma MCP, file permission and a web project
Build an interactive web prototype
web-artifacts-builder- Output
- React prototype & bundled HTML
- Needs
- Node.js 18+, Bash and project dependencies