·product-ui-prototyping
*

product-ui-prototyping

Design and validate product UI behavior as visual state prototypes before coding. Use when tasks ask how screens should change after user actions (click, tap, submit), when non-developers need to review web/iOS/Android UX flows, or when teams need interaction-state assets and acceptance checks for implementation.

9Installs·3Trend·@autobyteus

Installation

$npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping

How to Install product-ui-prototyping

Quickly install product-ui-prototyping AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: autobyteus/autobyteus-skills.

SKILL.md

View raw

Turn product ideas into testable UI behavior using generated and edited screen images. Produce state-by-state visuals, click-through transition logic, and per-platform viewers that teams can navigate end-to-end before implementation.

3) Create One Canonical Product Base Spec And Shell Lock

Design and validate product UI behavior as visual state prototypes before coding. Use when tasks ask how screens should change after user actions (click, tap, submit), when non-developers need to review web/iOS/Android UX flows, or when teams need interaction-state assets and acceptance checks for implementation. Source: autobyteus/autobyteus-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping
Category
*Creative Media
Verified
First Seen
2026-03-10
Updated
2026-03-10

Browse more skills from autobyteus/autobyteus-skills

Quick answers

What is product-ui-prototyping?

Design and validate product UI behavior as visual state prototypes before coding. Use when tasks ask how screens should change after user actions (click, tap, submit), when non-developers need to review web/iOS/Android UX flows, or when teams need interaction-state assets and acceptance checks for implementation. Source: autobyteus/autobyteus-skills.

How do I install product-ui-prototyping?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/autobyteus/autobyteus-skills

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-03-10