ERP UI Design System — AI skill for Claude Code
Design system for dense, dark-chrome ERP and admin UIs — packaged as a skill for Claude, Gemini and GPT.
How to install ERP UI Design System
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open DMonkey0908/erp-ui-design-system and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What ERP UI Design System does
Design system for dense, dark-chrome ERP and admin UIs — packaged as a skill for Claude, Gemini and GPT. Tokens, layout, components, charts, a11y and a review checklist, extracted from a production front end.
Alternatives in AI
- System Prompts Leaks — Extracted system prompts from ChatGPT (GPT-5.4, GPT-5.3, Codex), Claude (Opus 4.6, Sonnet 4.6, Claude Code), G 38.6k ★
- Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★
- Codeseek — Rust-powered code intelligence CLI for AI coding agents 764 ★
README
UI Design Ecosystem
**Domain-specific UI design systems, packaged as skills for Claude, Gemini and GPT.**
[](LICENSE) [](#the-packs) [](docs/ARCHITECTURE.md)
🌐 **[English](README.md)** · [Tiếng Việt](docs/README.vi.md)
Ask an AI assistant for an admin panel and you usually get a consumer SaaS dashboard: airy spacing, pastel cards, a colour for every module. Ask it for a landing page and you often get the same thing. The output converges because the assistant has no position on what *kind* of interface it is building.
This repo gives it one. Each **pack** is a design system for a specific domain, carrying a thesis another domain would reject — plus the tokens, measurements and reasoning to act on it.
The packs
| Pack | Domain | Status |
|---|---|---|
| `erp` | ERP & back-office — admin panels, operations consoles, internal dashboards. Dense, dark chrome, white content. | stable |
Planned, in rough order: consumer web, SaaS dashboard, mobile app, e-commerce, desktop & system utilities, documentation sites. None are started — the foundation was built first, deliberately, so the second pack costs a fraction of the first. See [`docs/AUTHORING.md`](docs/AUTHORING.md) to add one.
Install
Everything installable lives in [`dist/`](dist/), generated and committed — you never need to run Node to use this.
Claude Code / Claude Desktop — the richest buildcp -r ./dist/claude/erp-ui-design ~/.claude/skills/erp-ui-design # all projects
cp -r ./dist/claude/erp-ui-design /.claude/skills/ # one project
Copy-Item -Recurse ".\dist\claude\erp-ui-design" "$HOME\.claude\skills\erp-ui-design"
Claude invokes it on its own for relevant work, or by hand wi
Related Skills
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping
Chrome Bridge
CLI for browser automation: let any AI agent drive your real Chrome — logged-in tabs, zero deps, no relaunch,
AI Agent Research Starter Kit
AI Agent 科研全流程教学包,能教学生从零部署 Codex、Claude Code、OpenClaw、Hermes 等 Agent,学会使用 Skills、飞书、AMiner、AI4Scholar、Zotero、O
AI Learning Operations ERP
המערכת מנהלת את מחזור החיים העסקי והתפעולי של מוצר למידה דיגיטלי — החל מקבלת Lead, דרך מכירה, הצעת מחיר ותשלום
Ppt Agent Skill
🎨 World-class AI presentation generator · 26 styles · 18 charts · benchmarked against Linear/Anthropic/Stripe
IrukaDark Preview
Thinking without interruption, your full-screen AI assistant Code, errors, PRs, charts, papers, tech sites. In
Related Agents
UI UX Reviewer
Reviews HMI screens (WinCC, FactoryTalk View, Ignition Perspective), SCADA mimics, MES/ERP web UIs, operator d
X402 UI Designer
Visual Design & Layout Agent for x402 UI/Dashboard Swarm. Specializes in multi-layer parallax scroll systems,
Visual Tester
Visual QA tester — navigates web UIs via Chrome CDP, spots visual issues, tests interactions, produces structu