ara-mkr

Claude Artisan — Design skill for Claude Code

Design community

A Claude skill that generates production-ready UI components in 224 distinct design styles — from Bauhaus to Brutalism, Art Deco to Cyberpunk.

How to install Claude Artisan

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ara-mkr/claude-artisan and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Artisan does

A Claude skill that generates production-ready UI components in 224 distinct design styles — from Bauhaus to Brutalism, Art Deco to Cyberpunk. One prompt, any aesthetic.

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Figma Implement Design — Translate Figma designs into production-ready code with pixel-perfect accuracy 14.6k ★
Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★

README

# Claude Artisan

**A Claude Code skill that turns "make this brutalist" into a finished, accessible, production UI — zero guesswork.**

`design-language` is a skill repository built for [Claude Code](https://claude.com/claude-code) (and any coding agent that can read Anthropic-format skills). Point it at a codebase, say a style name or just a vibe, and it ships real tokens, real components, real accessibility fixes — not a mood board.

"make my landing page glassmorphic"        → resolved instantly, named style
"2000s nostalgia, chrome and bubbles"       → resolved via decision tree → Y2K Futurism
"premium and futuristic, not childish"      → vibe → shortlist → disambiguated
"a spec I can paste into Cursor for this"   → tokens handed off explicitly, no ambiguity

Why this exists

Design systems live in people's heads. An agent told "make it brutalist" will improvise — wrong border-radius, half the buttons still soft-shadowed, contrast that fails AA, a signature move applied once and forgotten. `design-language` exists so an agent applies a style **the way someone who actually knows that style would**: tokens first, every component walked, the signature move repeated everywhere on purpose, then an accessibility pass, then a drift check before calling it done.

By the numbers


Styles cataloged	199, researched — not invented
Deep implementation specs	199 — every style, full implementation-grade
Style families	9
Starter theme files	398 (199 CSS + 199 Tailwind fragments)
Component examples	199 fully-styled HTML references — one per style
Scripts	3, stdlib-only, all tested