Skills
.Work. You
Rest

dash-forge

Community

Dense dashboards design + React prototypes

Design & Creative#design#dashboard#archetypes#handoff#prototype#tokens#dash-forge
Authorasfbay-bit
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Dash Forge designs dense dashboards and dense-information UIs by generating a design spec plus a React prototype.

Core Features & Use Cases

  • Generates a design spec that defines IA, tokens, and component inventory
  • Produces a runnable React prototype with mock data for three archetypes: Exec, Ops, Analyst
  • Provides a formal handoff bundle (spec + prototype + integration notes) for handoff to build teams

Quick Start

Start with a quick intake to identify the user role, dashboard surface, and archetype, then run through the Dash Forge phases to generate a design spec and prototype.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: dash-forge
Download link: https://github.com/asfbay-bit/opchain/archive/main.zip#dash-forge

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.