prototype

mattpocock / skills

About prototype

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Install prototype

npx skills add https://github.com/mattpocock/skills --skill prototype

Basic information

What it does

Choose between two branches: a terminal app for testing state machines and business logic, or multiple toggleable UI variations on a single route for design exploration
Minimal setup with one command to run; state lives in memory with no persistence unless the question explicitly requires it
Surface full state after every action so changes are immediately visible and the prototype's answer is clear
Delete or fold validated decisions back into production code once the question is answered; capture the verdict before cleanup

More skills in Design & UI

frontend-design

anthropics / skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

grill-me

mattpocock / skills

A relentless interview to sharpen a plan or design.

web-design-guidelines

vercel-labs / agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

grill-with-docs

mattpocock / skills

A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.

lark-event

larksuite / cli

Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume <EventKey>` (covers IM messages/reactions/chat changes, Task updates, VC meeting started/joined/ended, Minutes generated, Whiteboard updated, etc.). Use for Lark bots, real-time message processing, long-running subscribers, streaming webhook/push handlers. Supports `--max-events` / `--timeout` bounded runs and a stderr ready-marker contract — designed for AI agents running as subprocesses.

azure-enterprise-infra-planner

microsoft / azure-skills

Architect and provision enterprise Azure infrastructure from workload descriptions. For cloud architects and platform engineers planning networking, identity, security, compliance, and multi-resource topologies with WAF alignment. Generates Bicep or Terraform directly (no azd). WHEN: 'plan Azure infrastructure', 'architect Azure landing zone', 'design hub-spoke network', 'plan multi-region DR topology', 'set up VNets firewalls and private endpoints', 'subscription-scope Bicep deployment', 'Azure Backup for VM workloads'. PREFER azure-prepare FOR app-centric workflows.