UI design systems, tokens, Apple HIG, and glassmorphism craftsmanship skill. Enforces disciplined neutral palettes, fluid typography, Cupertino materials, and semantic Lucide SVG icons.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# UI Design Systems & Craftsmanship (`/ui`)
> **Philosophy**: *Form follows function. Reject visual noise, neon purple card-soup, and generic SaaS flatland. Build tactile, high-contrast, mathematically precise interfaces using disciplined tokens, authentic art movements, physical spring dynamics, sub-pixel directional lighting, and semantic vector icons across Web and Universal Mobile.*
This skill establishes production-grade design system foundations across React 19, Next.js, Tailwind CSS v4, React Native, Swift (iOS), Kotlin (Android), Flutter (Dart), and modern cross-platform interfaces.
---
## 1. Core UI Craftsmanship Architecture
```mermaid
flowchart TD
subgraph Foundation["1. Foundation Layer"]
A["Disciplined Neutral Palette (Zinc/Slate/Obsidian)"]
B["Kinetic Variable Typography (wght, wdth, tnum)"]
C["8pt Strict Spatial & Grid Alignment"]
end
subgraph Movements["2. Authentic Art Movements"]
D["Industrial Tactical (Braun / Teenage Eng)"]
E["Swiss International Editorial (Grid / Asymmetry)"]
F["Japanese Wabi-Sabi (Organic Asymmetry)"]
G["Technical CAD (Wireframe / Telemetry)"]
end
…
The line at the top of this page pins the label git:20261029.1aa6bef, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_os2zmwobcrmindka
GET https://markdownregistry.com/api/v1/resolve?ref=darknecrocities/skillbuilder/.cursor/rules/ui.mdc
GET https://markdownregistry.com/api/v1/blob/859ace2dfb0202f0d0a2e4ab010cb0f9d244da9de59eb1c40b25c9910bfb42ee
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
darknecrocities/skillbuilder · .cursor/rules/ai.mdc · Architect, implement, and maintain production AI systems, Gemini API agents, Antigravity multi-agent orchestration…
tw93/waza · plugins/waza/skills/ui/SKILL.md · Produces distinctive production UI and screenshot-grounded visual polish. Use when building or restyling pages…
wellwelwel/lagune · .claude/skills/ui/SKILL.md · Design engineering principles for making interfaces feel polished. Use when building UI, reviewing frontend code, or…
maquina-app/rails-claude-code · maquina-ui-standards/skills/ui/SKILL.md · Build consistent, accessible UIs in Rails using maquina_components. Use this skill whenever implementing UI for…
jim60105/copilot-prompt · skills/ui/SKILL.md · UI/UX design agent for crafting user experiences, visual designs, and game interfaces. Auto-detects the designer role…
svngoku/coding-agents-skills · skills/ui/SKILL.md · Opinionated constraints for building better web interfaces with coding agents. Use this skill whenever the user asks…