Claude Visual Style Skill β Design skill for Claude Code
π¨π³ δΈζζζ‘£ This project is an implementation of an agent skill using public prompts.
How to install Claude Visual Style Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open carbon-silicon-interpreter/claude-visual-style-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Claude Visual Style Skill does
[π¨π³ δΈζζζ‘£](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
Alternatives in Design
- Brand Guidelines β Apply Anthropic's official brand colors and typography to artifacts 94.1k β
- Figma β Fetch design context, screenshots, and assets from Figma for implementation 14.6k β
- Explanatory Output Style β Educational output mode with insights about implementation choices 14k β
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
Design Style Skill
π¨ Pick & apply a design style from 67 curated visual aesthetics β an agent skill for Claude Code, Codex, Open
Switch Style
Read CLAUDE.md in this repo, and read .claude/commands/letsgo.md for the full design style definitions.
Docstrings
Adds Google-style docstrings to public functions and classes in the file
ShanireZskills
ShanireZskills: public Agent Skills marketplace for competitive-programming C++ style and K-12 teaching workfl
Design Weaviate Collection
Design a Weaviate collection using Python client v4. Captures vectorizer selection, named vectors, multi-tenan
Mad Max
Unattended backlog-drain mode β runs executor β verifier β code-reviewer loops on all ready tasks, logs stuck/
Related Agents
Illustrator
Scene-level illustration generation. Decomposes chapters into key visual scenes, generates style-consistent il
Subject Summarizer
Stage 3 of the LectureLoop pipeline. Turns one subject's downloaded pre-read material into a single polished e
Design Study
Studies reference images, GIFs, prior designs, or public visual references and extracts reusable design DNA be
