Skip to content

sprezzature-ui

user interface (UI) generation

Vanilla JavaScript (JS) + Tailwind UI: components, pages, forms, dialogs, dashboards, for solo devs shipping internal tools without a designer.

SKILL.md (the agent spec) Give a ⭐️ on GitHub

Makes

  • Semantic HyperText Markup Language (HTML) + Tailwind: forms, modals, nav, dashboards, data tables, settings, empty states, skeletons
  • Dark-mode peers, focus rings, reduced-motion guards on by default
  • The three-Roboto type rule (sans + serif + mono), honoring any font you name
  • i18n extracted to a single YAML configuration format shared by graphical user interface (GUI) and prompts

Audits

  • Audit existing UI against the stack + ergonomics rules
  • Audit i18n coverage and surface untranslated strings

Say one of these

The skill triggers itself on phrasing like this, no command to memorize.

build a UI create a component make a form / modal / nav scaffold a landing dashboard / data table dark mode toggle responsive layout audit this UI i18n to YAML

Reference library

The knowledge the skill draws on: read them straight from the repo.

Tailwind stack Vanilla JS Anti-patterns Ship checklist UX psychology Ergonomics Dashboards Material Chart selection Dataviz palettes Dataviz maps Charts in Vega Color psychology Examples