prototype

Build front-end prototypes for BO routes using static fixtures.

66|9|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/www-zaq-ai/zaq --skill prototype-www-zaq-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: prototype
Source: https://github.com/www-zaq-ai/zaq/tree/main/.agents/skills/prototype
Command: npx skills add https://github.com/www-zaq-ai/zaq --skill prototype-www-zaq-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill unit addresses the challenge of creating front-end prototypes for Business Operations (BO) routes without the need for complex backend interactions, significantly reducing the time to bring designs to life.

Core Features & Use Cases

  • Static Fixtures: Utilizes static fixtures for feature staging, bypassing the need for backend data.
  • Component Extension: Ability to extend existing design system components to fit prototype needs.
  • DSM Integration: Seamlessly integrates with DesignSystem.* modules for consistent UX.

Quick Start

Use the prototype skill with the path to the UX plan 'docs/ux/process-monitor.md'.

Frequently Asked Questions about prototype

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

FAQPage Schema
How do I prototype front-end features for BO routes without backend dependencies?

Static fixtures mock feature states for BO routes, bypassing backend data so frontend teams can rapidly prototype and iterate without backend dependencies.

What is the best way to stage UX designs on BO routes?

Staging UX designs on BO routes is best achieved by utilizing static fixtures to mock feature states while integrating with DesignSystem modules for consistent UX.

Does front-end prototyping with fixtures integrate with existing design system components?

Yes, front-end prototyping with fixtures seamlessly integrates with DesignSystem modules and extends existing design system components to fit prototype needs.

How to start building a front-end prototype from a UX plan document?

To start building a front-end prototype from a UX plan, use the prototype skill and provide the file path to your UX plan document, such as 'docs/ux/process-monitor.md'.

Why use static fixtures for front-end prototyping instead of real backend data?

Using static fixtures for front-end prototyping bypasses complex backend interactions and backend data, significantly reducing the time required to bring UX designs to life.