prototype

Create throwaway runnable prototypes for logic or UI variants.

1|Updated Dec 20, 2025
One-click install
npx skills add https://github.com/ari-ayvazyan/AISkills --skill prototype-ari-ayvazyan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: prototype
Source: https://github.com/ari-ayvazyan/AISkills/tree/main/skills/prototype
Command: npx skills add https://github.com/ari-ayvazyan/AISkills --skill prototype-ari-ayvazyan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Prototype skill enables teams to quickly explore design and logic questions by providing throwaway, runnable prototypes for either logic (state machines) or UI (multiple variants) on a single route, with no persistence and a single-command bootstrap.

Core Features & Use Cases

  • Create a lightweight logic prototype to test state transitions and business rules.
  • Generate multiple UI variant routes within the same page or route to compare layouts and interactions.
  • Mark prototypes clearly as throwaway and provide a straightforward handover path (NOTES.md or ADR) after validation.

Quick Start

Run the prototype with your project’s task runner, e.g., pnpm run prototype, then follow the on-screen prompts.

Frequently Asked Questions about prototype

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

FAQPage Schema
How do I create a throwaway prototype to test UI variations and state transitions?

To create a throwaway prototype, use a single-command bootstrap to generate runnable models for either UI layout variants or logic state transitions without persistence, ensuring quick validation before production changes.

What is the best way to sanity-check a data model or user flow before committing to production?

The best way to sanity-check a data model is by generating a throwaway, runnable prototype that models logic or UI variations on a single project route, capturing learnings in a handover file after validation.

Do I need a database to run a UI prototype for testing design options?

No, you do not need a database. The prototype enforces no persistence by default, allowing teams to quickly test design options and business rules without the overhead of setting up data storage.

How do I handle the handover process after validating a logic prototype?

After validating a logic prototype, you handle the handover by capturing learnings in a NOTES.md file or an Architecture Decision Record, providing a clear path to transition validated designs into production.

Can I use a state machine prototype to test business rules on a specific route?

Yes, you can create a lightweight logic prototype on a per-project route or module to model state transitions and test business rules safely before applying them to your production codebase.