warith-harchaoui

Sprezzature — Design skill for Claude Code

Design community

sprezzature is a set of Claude / OpenCode skills with a curated design system for a front-end stack.

How to install Sprezzature

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

What Sprezzature does

sprezzature is a set of Claude / OpenCode skills with a curated design system for a front-end stack. It covers colors, accessibility, the user interface (UI), user experience (UX), audio, vision, and the path from the command-line interface (CLI) to the graphical user interface (GUI).

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Design Review Workflow — by Patrick Ellis - A tailored workflow for enabling automated UI/UX design review, including specialized sub a 3.7k ★

README

Sprezzature

[🇫🇷](LISEZMOI.md) · [🇬🇧](README.md)

[🌍 Documentation](https://sprezzature.ai/)

[💻 Examples](EXAMPLES.md)

What this is

`sprezzature` is a set of **Claude / OpenCode skills** with a curated design system for a front-end stack. It covers colors, accessibility, the user interface (UI), user experience (UX), audio, vision, and the path from the command-line interface (CLI) to the graphical user interface (GUI).

The skills:

Skill	When to install	Trigger phrases
sprezzature-ui	Always: it owns the stack rules and tokens.	"build a UI", "create a component", "design a page", "make a form / modal / button / nav", "dashboard", "audit this UI".
sprezzature-cli-gui	You wrap CLI tools in web user interfaces (UIs).	"wrap this CLI in a GUI", "build a UI for my Python script", "argparse to web UI".
sprezzature-publish	You ship docs sites, landing pages, meta-tags, favicons.	"turn these markdown files into a website", "meta tags", "favicons", "robots.txt", "sitemap", "llms.txt", "Atom feed", "plain language", "rewrite at grade 8".
sprezzature-accessibility	You need static HyperText Markup Language (HTML) accessibility (a11y) lint.	"a11y lint", "check this HTML for accessibility", "static a11y check", "WCAG-friendly lint", "a11y pre-commit".
sprezzature-colors	You audit contrast, simulate color blindness, or want a curated palette with perceptual lighten / darken.	"WCAG check", "contrast audit", "is my palette accessible", "colorblind preview", "deuteranope", "CVD", "OKLCH", "lighten this color".
sprezzature-vision	You draft World Wide Web Consortium (W3C)-compliant alt text from images locally (no SaaS).	"alt text", "alt text for this image", "describe this image", "draf