UI Design Ecosystem — 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 UI Design Ecosystem
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open DMonkey0908/ui-design-ecosystem and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What UI Design Ecosystem 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.
Point your agent at it
Tell your assistant to read this, and it will pick the pack that fits and install it:
https://raw.githubusercontent.com/DMonkey0908/ui-design-ecosystem/main/INSTALL.md
[`INSTALL.md`](INSTALL.md) is written for an agent: identify the project type first, match against the catalogue's exclusion signals, install exactly one pack, and report what changed and how to undo it. There is a machine-readable catalogue at [`dist/index.json`](dist/index.json) and an [`llms.txt`](llms.txt) index at the root.
The packs
| Pack | Domain | Status |
|---|---|---|
| `erp` | ERP & back-office - Dense, dark-chrome operational software: admin panels, operations consoles, back-office tools, internal dashboards. | 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
Related Skills
ERP UI Design System
Design system for dense, dark-chrome ERP and admin UIs — packaged as a skill for Claude, Gemini and GPT. Token
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
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