Agent skill
ui-design
Use when working on TRENCHWORK UI, Tauri app, trench-ui/, Canvas rendering, CRT display, control labels, layout, visual design, MFD aesthetic, or any frontend/interface work
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/ui-design-1hoookkk-trenchwork
SKILL.md
Before writing any code, read this file:
docs/context/design-language.md— aesthetic rules, visual references, control semantics
Key constraints:
- Containment Instrument Brutalism. Crude but expensive. Billion-dollar reactor display.
- Palette: cavity black #0A0A0A, coolant cyan #00FFCC, thermal orange #FF4500, graphite #3A3A3A.
- No rounded corners, no gradients, no soft shadows, no web-UI conventions.
- Aliased 1px traces only. No anti-aliasing on data visualization.
- Simple = elegant. Every element must justify its existence.
- Control labels should describe what the axis DOES to each body, not generic "Morph"/"Q".
- Content creation workflow must look effortless on camera.
- TRENCHWORK = workbench for bodies. TRENCH = the plugin. Don't blur scope.
- Decision test: "reactor console or SaaS dashboard?" If dashboard, delete it.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?