janekbaraniewski

Design Feature — Design skill for Claude Code

Design community

Design a new feature "$ARGUMENTS" for the OpenUsage TUI dashboard.

How to install Design Feature

Installs to ~/.claude/commands/janekbaraniewski-openusage-design-feature.md

Terminal
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/janekbaraniewski/openusage/HEAD/.claude/commands/design-feature.md -o ~/.claude/commands/janekbaraniewski-openusage-design-feature.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Feature does

Design a new feature "$ARGUMENTS" for the OpenUsage TUI dashboard.

Read and follow the full skill specification in docs/skills/design-feature/SKILL.md.

Follow all phases in order:

  1. **Phase 0 — Quiz**: Ask me all 8 questions from the skill doc before doing any design work. If I provided the feature name as "$ARGUMENTS", use that as the starting point but still confirm details. Research the codebase yourself if I don't know an answer.

  2. **Phase 1 — Explore**: Read the subsystem map in docs/

Alternatives in Design

  • Canvas Designer — Use the @canvas-designer agent for UI/UX design and implementation: $ARGUMENTS 523 ★
  • Claude Code UI — A real-time dashboard for monitoring Claude Code sessions across multiple projects 383 ★
  • Hermes Studio — Web UI & dashboard for Hermes Agent — chat, memory, skills, terminal, approvals, multi-agent orchestration 354 ★

Full documentation available on GitHub

View Source Repository