high-fidelity

Installation
SKILL.md

High-Fidelity — The Product, Before It Is Built

Turn a product idea into a clickable prototype that looks like the finished app, in a visual identity chosen here, drawn only with what the target platform can actually render.

Two constraints make this work, and everything else follows from them:

  1. One place for style. Every colour, type size, radius and spacing value lives in design/tokens.json. Nothing in the prototype hard-codes a value. Change the file, and every screen changes — which is what makes the identity a decision rather than a rewrite.
  2. Only what the platform can render. A prototype the target toolkit cannot reproduce is a promise that gets broken during the build. Each platform file is an allow-list, not inspiration.

Outputs

Four files in a design/ folder at the product root:

Installs
4
First Seen
Aug 8, 2026
high-fidelity from docs.codehance.com