prototype

Prototype separate LOGIC.md and UI.md branches to validate designs before coding.

Updated Nov 16, 2022
One-click install
npx skills add https://github.com/kos3nz/dotfiles --skill prototype-kos3nz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: prototype
Source: https://github.com/kos3nz/dotfiles/tree/main/.config/agents/skills/prototype
Command: npx skills add https://github.com/kos3nz/dotfiles --skill prototype-kos3nz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Prototyping design decisions quickly by providing two distinct paths—one for logic/state modeling and one for UI exploration—so teams can compare approaches before committing to production code.

Core Features & Use Cases

  • Two branches (LOGIC.md and UI.md) to test different questions (logic vs UI) in isolation.
  • Throwaway by default with no persistence, enabling fast iteration.
  • Can be dropped into an existing project and folded into real code when decisions are made.

Quick Start

Run the prototype using the project’s task runner (for example, pnpm run prototype) and begin switching between logic and UI branches to explore design options.

Frequently Asked Questions about prototype

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I validate design options before committing to production code?

You can validate design options before production by prototyping two distinct paths to test logic or UI variations in isolation. This approach enforces throwaway scope and a lightweight structure so teams can compare approaches and iterate quickly without persistence.

What is the best way to test state machine logic separately from UI variations?

Testing state machine logic separately from UI variations is best achieved by using isolated branches like LOGIC.md and UI.md. This keeps logic pure and the UI decoupled, allowing teams to explore different questions independently before folding decisions into real code.

How do I start prototyping design questions using a single command?

To start prototyping design questions with a single command, run the prototype using your project's task runner, such as pnpm run prototype. This single-command startup enables fast iteration and immediate switching between logic and UI branches to explore options.

Can I drop a throwaway prototype into an existing project?

Yes, you can drop a throwaway prototype into an existing project. The prototype is designed with no persistence by default for fast iteration, but it can be folded into real code once design decisions are made and validated.

When should I not use a throwaway prototype for design validation?

You should not use a throwaway prototype for design validation when you need persistent data or complex dependencies. This approach enforces throwaway scope with no persistence and a lightweight structure, making it unsuitable for production-scale or persistent application states.