Claude Visual Style Skill
Description
[π¨π³ δΈζζζ‘£](README.md) > [!NOTE] > This project is an implementation of an agent skill using public prompts. All design style prompts and definitions used in this skill were downloaded from **[Design
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
Claude Visual Style Skill
[π¨π³ δΈζζζ‘£](README.md)
[!NOTE] This project is an implementation of an agent skill using public prompts. All design style prompts and definitions used in this skill were downloaded from **[Design Prompts](https://designprompts.dev)**. This is not an original creation of design styles but a tool to facilitate the use of these excellent resources within Claude.
A powerful Agent Skill for Claude that helps users select and apply stunning visual design styles to their frontend projects. This skill provides a curated collection of 16+ distinct visual aesthetics, making it easy to generate beautiful, stylistically consistent UIs.
π¨ Included Styles
| # | Style Name | Demo |
|---|---|---|
| 1 | Free Style | - |
| 2 | Academia | View Demo |
| 3 | Art Deco | View Demo |
| 4 | Aurora Mesh | View Demo |
| 5 | Bauhaus | View Demo |
| 6 | Bold Typography | View Demo |
| 7 | Botanical Serif | View Demo |
| 8 | Business Style | View Demo |
| 9 | Claymorphism | View Demo |
| 10 | Corporate Trust | View Demo |
| 11 | Crypto | View Demo |
| 12 | Cyberpunk | View Demo |
| 13 | Flat Design | View Demo |
| 14 | Glassmorphism | View Demo |
| 15 | Industrial | View Demo |
| 16 | Kinetic | View Demo |
| 17 | Luxury | View Demo |
| 18 | Material Design | View Demo |
| 19 | Maximalism | View Demo |
| 20 | Modern Dark | View Demo |
| 21 | Monochrome | View Demo |
| 22 | Neo-brutalism | View Demo |
| 23 | Neumorphism | View Demo |
| 24 | Newsprint | View Demo |
| 25 | Organic | View Demo |
| 26 | Playful Geometric | View Demo |
| 27 | Retro | View Demo |
| 28 | Simple Dark | View Demo |
| 29 | Hand-Drawn / Sketch | View Demo |
| 30 | Swiss | View Demo |
| 31 | Tech Style | View Demo |
| 32 | Terminal CLI | [View Demo]( |
Related Skills
Algorithmic Art
Create generative art using p5.js with seeded randomness, flow fields, and particle systems
Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Canvas Design
Create beautiful visual art in PNG and PDF documents using design philosophy
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality
Slack Gif Creator
Create animated GIFs optimized for Slack's size constraints
Theme Factory
Style artifacts with professional themes including 10 pre-set color/font combinations