Claude-skill-registry admin-design

Minimal, high-clarity admin UI design for this repo. Use when redesigning /admin pages (translation manager, dashboards, tables, forms), defining admin design tokens, or improving admin UX/keyboard workflows without changing core functionality.

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/admin-design" ~/.claude/skills/majiayu000-claude-skill-registry-admin-design && rm -rf "$T"

manifest: skills/data/admin-design/SKILL.md

Admin Design

Goals

Minimal, low-distraction UI for internal tools.
High information density without clutter.
Clear hierarchy and obvious primary actions.
Fast scanning and keyboard-first workflows.
Core 2.0 inspired admin shell (collapsible sidebar + header, soft cards).
Header stays minimal: workspace label + Sign Out only (no avatar, no user details).
Preserve existing functionality and data flows.

Workflow

Audit the current page structure and required features before proposing layout changes.
Pick a layout pattern from
```
references/layout-patterns.md
```
.

Apply the admin tokens from

references/design-tokens.md

(mirrors

.admin-root

client/src/index.css

Keep interaction behavior consistent with
```
references/interaction-guidelines.md
```
.
Only introduce new components if they reduce clicks or improve clarity.
Validate that every existing action still works (save, suggest, publish, notes, voice, Manglish).

References

```
references/design-tokens.md
```
```
references/layout-patterns.md
```
```
references/interaction-guidelines.md
```
```
references/component-patterns.md
```