Provides a system to generate technical diagrams, charts, and illustrations with a specific visual style.
Install
mkdir -p .claude/skills/art-aplaceforallmystuff && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/11221" && unzip -o skill.zip -d .claude/skills/art-aplaceforallmystuff && rm skill.zipInstalls to .claude/skills/art-aplaceforallmystuff
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Complete visual content system for Claude Code. Default aesthetic - light backgrounds, teal/burnt orange accents, hand-drawn sketch style.Key capabilities
- →Create technical diagrams
- →Generate mermaid flowcharts
- →Design editorial illustrations
- →Build taxonomies
How it works
It routes visual requests to specific workflows based on content type, applying a consistent aesthetic aesthetic.
Inputs & outputs
When to use art
- →Create technical architecture diagrams
- →Generate mermaid flowcharts
- →Design blog header illustrations
- →Build visual taxonomies or 2x2 matrices
About art
Creates various visual assets including mermaid diagrams, flowcharts, timelines, and technical illustrations. It follows a consistent aesthetic featuring light backgrounds with teal and burnt orange accents.
Complete visual content system for Claude Code. Default aesthetic - light backgrounds, teal/burnt orange accents, hand-drawn sketch style.
When not to use it
- →When visual content is not required
Limitations
- →Platform-specific size limits apply
- →Requires aesthetic file selection
How it compares
It enforces a brand-specific aesthetic lock, ensuring visual cohesion across all generated assets.
Compared to similar skills
art side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| art (this skill) | 0 | 6mo | Review | Beginner |
| penpot-uiux-design | 27 | 8mo | Review | Advanced |
| stitch-ui-design | 26 | 5mo | No flags | Beginner |
| ui-design-system | 29 | 9mo | Review | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
penpot-uiux-design
github
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".
stitch-ui-design
sickn33
Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in Stitch, create app interfaces, generate mobile/web designs, or needs help crafting Stitch prompts. Covers prompt structure, specificity techniques, iteration strategies, and design-to-code workflows for Stitch by Google.
ui-design-system
davila7
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
elegant-design
rand
Create world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals, code display, and streaming content. Use when building user interfaces that need professional polish and developer-focused features.
ui-ux-designer
sickn33
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.
visual-design-foundations
wshobson
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.