Agent skill

Design Feature

by janekbaraniewski in janekbaraniewski/openusage

Design new features for OpenUsage with structured design docs and implementation tasks.

MITAuto-check passedDevelopment

Install Design Feature

skills CLI
$ npx skills add janekbaraniewski/openusage --skill design-feature -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install janekbaraniewski/openusage design-feature --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/janekbaraniewski/openusage.git skills-src && mkdir -p .claude/skills && cp -r skills-src/docs/skills/design-feature .claude/skills/design-feature && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
design-feature
GitHub stars
221
Token cost
~1.4k tokens
SKILL.md length
675 words
Files
3 (incl. references)
Skills in repo
4
Repo updated
First seen
Licence
MIT

At a glance

Design new features for OpenUsage with structured design docs and implementation tasks.

  • Works in 4 steps: Quiz (MANDATORY) → Explore (MANDATORY) → Design → …
  • Any change touching 3+ subsystems
  • SKILL.md covers Phase 0 — Quiz (MANDATORY), Phase 1 — Explore (MANDATORY), Phase 2 — Design and Phase 3 — Implementation Tasks, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Design Feature is an agent skill from janekbaraniewski/openusage. Design new features for OpenUsage with structured design docs and implementation tasks. Triggers for any change touching 3+ subsystems, or when explicitly invoked.

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including reference files (for example `references/design-template.md` and `references/subsystem-map.md`).

It sits in Development, covering Architecture decision records. It works with OpenRouter. The repository describes itself as: The one dashboard you’ve been looking for — track spend and usage across Claude, Cursor, OpenRouter, Copilot, Gemini, Codex, and more. The licence is MIT.

When your agent uses it

  • Any change touching 3+ subsystems
  • Explicitly invoked

Example prompts

  • “/design-feature”

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Quiz (MANDATORY)
  2. Explore (MANDATORY)
  3. Design
  4. Implementation Tasks

What it can do on your machine

Read from SKILL.md and the folder at commit 084bff5. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Design Feature loads about 1.4k tokens when it runs, and up to ~2.8k if it reads all its reference files. Until then it costs about 45 tokens; SKILL.md has 675 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~45
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~2.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from janekbaraniewski/openusage at commit 084bff5, republished under its MIT licence (© janekbaraniewski). 675 words, ~1,446 tokens.

Download SKILL.mdSave it as .claude/skills/design-feature/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
name
design-feature
description
Design new features for OpenUsage with structured design docs and implementation tasks. Triggers for any change touching 3+ subsystems, or when explicitly invoked.
scope
project
keywords
design, feature, architecture, plan, rfc

OpenUsage Feature Designer

Invocation: When a user asks to design, plan, or architect a feature — OR when a proposed change touches 3+ subsystems (core, providers, TUI, config, detect, daemon, telemetry).


Phase 0 — Quiz (MANDATORY)

Before any design work, gather answers to ALL of these. Research the codebase yourself if the user doesn't know.

  1. What problem does this solve? One sentence. What's broken or missing today?
  2. Who benefits? End users, contributors, or both?
  3. What subsystems are affected? List from: core types, providers, TUI, config, detect, daemon, telemetry, CLI commands.
  4. What's explicitly out of scope? Name at least one thing this feature does NOT do.
  5. Are there existing design docs that overlap? Check docs/*.md for related designs. If overlap exists, ask the user whether to extend or create new.
  6. What's the simplest version that delivers value? Identify the MVP slice.
  7. Does this change any public interfaces? (UsageProvider, UsageSnapshot, AccountConfig, config JSON schema)
  8. Backward compatibility concerns? Will existing configs, stored data, or provider behavior break?

Phase 1 — Explore (MANDATORY)

Read these before designing. Skip only if already in context:

  1. Core types: internal/core/types.go, internal/core/provider_spec.go, internal/core/widget.go
  2. Affected subsystems: Read the primary files for each subsystem from Q3.
  3. Existing design docs: Read any overlapping docs from docs/.
  4. Related providers: If the feature changes provider behavior, read at least one provider of each affected pattern (header probing, rich API, local files, CLI).
  5. Config schema: internal/config/config.go + configs/example_settings.json

After reading, summarize findings that affect the design. Don't just list files — state what you learned.


Phase 2 — Design

Write the design doc to docs/<FEATURE_NAME>_DESIGN.md. Use the template in references/design-template.md.

Design principles for this project
  • Simplest thing that works. No abstractions for hypothetical futures.
  • Additive over breaking. New fields, new types, new files. Don't restructure what works.
  • Provider patterns are sacred. Don't force providers into a new pattern. If a provider needs special handling, let it be special.
  • Maps and slices over deep type hierarchies. The codebase uses flat data (map[string]Metric, map[string]string) — follow that.
  • Config drives behavior. Features should be configurable in settings.json. Sensible defaults, no mandatory config.
  • TUI is the consumer, not the source of truth. Business logic in core/ or subsystem packages, rendering in tui/.
What NOT to do
  • Don't introduce interfaces for one implementation.
  • Don't add a package for fewer than 3 files.
  • Don't design middleware/plugin systems — direct function calls are fine.
  • Don't propose database migrations unless the feature requires persistence.
  • Don't over-specify error handling — match existing patterns (fmt.Errorf("provider: action: %w", err)).

Show full SKILL.md (258 more words)Show less

Phase 3 — Implementation Tasks

After the design doc is written, break it into implementation tasks. Each task should be:

  • Self-contained: Can be implemented and tested independently.
  • Ordered: Tasks list their dependencies explicitly.
  • Concrete: Names the files to create/modify and the tests to write.
  • Parallelizable when possible: Tasks with no mutual dependencies should be identifiable as a parallel group.

Format each task as:

### Task N: <title>
Files: <list of files to create or modify>
Depends on: <task numbers or "none">
Description: <what to do, 2-4 sentences>
Tests: <what tests to write>

After all tasks, add a dependency summary showing which tasks can run in parallel:

### Dependency Graph
- Task 1, 2: sequential (foundational types and config)
- Tasks 3, 4, 5: parallel group (all depend on 1-2, independent of each other)
- Task 6: depends on 3, 4
- Task 7: depends on all (integration verification)

This helps the implementer (/implement-feature) launch parallel agents for independent tasks, significantly reducing implementation time.

Task design tips
  • Minimize cross-task file overlap. If two tasks both modify server.go, consider whether they can be merged or ordered to avoid merge conflicts during parallel execution.
  • Test helpers are shared state. If a task changes a function signature that test helpers use, include the test helper update in that same task — don't leave it for integration verification.
  • TUI tasks typically depend on everything else. The TUI wires together all subsystem changes, so TUI tasks should come last.

Append tasks to the design doc under a ## Implementation Tasks section.


Checklist

Before finishing:

  • All 8 quiz questions answered
  • Codebase exploration completed for affected subsystems
  • Overlap with existing design docs addressed (extended or new, per user choice)
  • Design doc written to docs/<NAME>_DESIGN.md
  • Problem statement is one clear sentence
  • Goals and non-goals are explicit
  • Impact analysis covers all affected subsystems
  • Component design is detailed but not over-abstracted
  • No unnecessary interfaces, packages, or abstractions
  • Backward compatibility addressed
  • Implementation tasks are concrete and ordered
  • Each task names specific files and tests

© janekbaraniewski, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 2 other files (references) in docs/skills/design-feature of janekbaraniewski/openusage.

  • SKILL.md
  • references/design-template.md
  • references/subsystem-map.md

Open the folder on GitHubat commit 084bff5

Compare with similar skills

Design Feature next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Design Feature compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Design Feature this skilljanekbaraniewski/openusage221—~1.4kAutomated safety check: PassMIT
PR Design DocOpenHands/OpenHands91k—~2.4kAutomated safety check: PassMIT
Cto AdvisorIbrahim-3d/orchestrator-supaconductor3814 repos~2.4kAutomated safety check: PassMIT
Domain Modelingbrim-borium/spotify_sdk1667 repos~806Automated safety check: PassApache-2.0
Architecture DecisionDonchitos/Claude-Code-Game-Studios26k—~1.7kAutomated safety check: PassMIT
Improve Codebase Architectureywwynm/EverythingDone14415 repos~1.3kAutomated safety check: PassGPL-3.0

Similar skills

  • PR Design Doc

    OpenHands/OpenHands

    For a non-trivial pull request, write a self-contained HTML design doc under the temporary .pr/ directory and link a visibility-appropriate preview in the PR description, so maintainers grasp the…

    91k GitHub stars~2.4k tokensUpdated today
    DevelopmentAuto-check passed
  • Cto Advisor

    Ibrahim-3d/orchestrator-supaconductor

    Technical leadership guidance for engineering teams, architecture decisions, and technology strategy.

    381 GitHub starsUsed in 4 repos~2.4k tokens
    DevelopmentAuto-check passed
  • Domain Modeling

    brim-borium/spotify_sdk

    Build and sharpen a project's domain model. An agent skill from brim-borium/spotify_sdk.

    166 GitHub starsUsed in 7 repos~806 tokens
    DevelopmentAuto-check passed
  • Architecture Decision

    Donchitos/Claude-Code-Game-Studios

    Create an ADR documenting a technical decision: context, alternatives considered, consequences.

    26k GitHub stars~1.7k tokensUpdated 3 days ago
    DevelopmentAuto-check passed
  • Improve Codebase Architecture

    ywwynm/EverythingDone

    Find deepening opportunities in a codebase, informed by the domain language in CONTEXT.md and the decisions in docs/adr/.

    144 GitHub starsUsed in 15 repos~1.3k tokens
    DevelopmentAuto-check passed
  • Design Doc Mermaid

    SpillwaveSolutions/design-doc-mermaid

    Create Mermaid diagrams (flowchart, sequence, class, ER, state, C4, architecture) from text or source code.

    176 GitHub starsUsed in 1 repo~5.6k tokens
    DevelopmentAuto-check passed

More from janekbaraniewski/openusage

  • Implement Feature

    janekbaraniewski/openusage

    Implement a feature from an existing design doc. An agent skill from janekbaraniewski/openusage.

    221 GitHub stars~2k tokensUpdated today
    Auto-check passed
  • Review Design

    janekbaraniewski/openusage

    Review a design doc against the actual codebase, find inconsistencies, and quiz the user on needed fixes.

    221 GitHub stars~892 tokensUpdated today
    Auto-check passed
  • Openusage Provider

    janekbaraniewski/openusage

    Add new AI usage providers to the OpenUsage TUI dashboard. An agent skill from janekbaraniewski/openusage.

    221 GitHub stars~5.2k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Design Feature

What does Design Feature do?

Design new features for OpenUsage with structured design docs and implementation tasks. Design Feature is an agent skill from janekbaraniewski/openusage. Design new features for OpenUsage with structured design docs and implementation tasks.

When should I use Design Feature?

Design Feature fits situations like: any change touching 3+ subsystems; explicitly invoked.

How do I install Design Feature in Claude Code?

Run `npx skills add janekbaraniewski/openusage --skill design-feature -a claude-code`. Or copy the skill folder (docs/skills/design-feature in janekbaraniewski/openusage) into .claude/skills/design-feature in your project. Claude Code loads it when a task matches its description.

How do I install Design Feature in Codex?

Run `npx skills add janekbaraniewski/openusage --skill design-feature -a codex`. Or copy the skill folder (docs/skills/design-feature in janekbaraniewski/openusage) into .agents/skills/design-feature in your project. Codex loads it when a task matches its description.

Can I use Design Feature in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add janekbaraniewski/openusage --skill design-feature -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/design-feature, .gemini/skills/design-feature, .github/skills/design-feature and .opencode/skills/design-feature in your project.

What does Design Feature need to run?

SKILL.md names no scripts, command-line tools or credentials: Design Feature is instructions for the agent only.

Does Design Feature access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Design Feature safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Design Feature use?

Design Feature is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Design Feature use?

About 1.4k tokens (SKILL.md is roughly 5.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.3k tokens, read only when the agent opens those files.

What are the alternatives to Design Feature?

Skills that share tags, products or a category with Design Feature: PR Design Doc (OpenHands/OpenHands, 91k stars), Cto Advisor (Ibrahim-3d/orchestrator-supaconductor, 381 stars), Domain Modeling (brim-borium/spotify_sdk, 166 stars) and Architecture Decision (Donchitos/Claude-Code-Game-Studios, 26k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Design Feature?

janekbaraniewski (a GitHub user) maintains it in janekbaraniewski/openusage, which has 221 GitHub stars. The repository holds 4 skills in this directory. The repository was last updated on October 10, 2026.

Source: janekbaraniewski/openusage on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.