Skip to main content
state-machineby Jakub KrehelDesignGitHub stars: 8.6k

State Machine skill: what it does and how to install it

Renders a web component's reachable UI states on a temporary page with realistic fixtures and a grouped switcher for visual work.

Summary generated from the skill's documentation.

Install

$ npx skills add jakubkrehel/skills --skill state-machine

Run it in a terminal. If your agent is already running, start a new session so it picks the skill up.

About this skill

What it does. Inspects one component and its data paths to list reachable data, account and feature states. It builds a temporary app route using the real component, product-shaped fixtures at the data boundary, and a grouped __state switcher, then checks every state and hands over the URL and keys.

When to use it. Use it to work through one component's visuals across its implemented states. It is not a finished-work review, an alternative-design exercise, or a way to show branches the code cannot reach.

History

Repo stars

8.6k+1.1k since 1 Oct 2026

Stars are counted for the whole repository, which holds 13 skills.

Show as a table
Repo stars by day
DateRepo stars
26 Oct 20268,551
25 Oct 20268,258
24 Oct 20268,219
23 Oct 20268,182
22 Oct 20268,145
21 Oct 20268,102
20 Oct 20268,053
19 Oct 20268,038
18 Oct 20268,012
17 Oct 20267,994
16 Oct 20267,968
15 Oct 20267,935
14 Oct 20267,916
13 Oct 20267,883
12 Oct 20267,835
11 Oct 20267,732
10 Oct 20267,691
9 Oct 20267,620
8 Oct 20267,532
7 Oct 20267,513
6 Oct 20267,497
5 Oct 20267,469
4 Oct 20267,441
3 Oct 20267,428
2 Oct 20267,422
1 Oct 20267,407

Installs

3.8k

Tracking since . A chart appears once there are 7 days of data.

Installs via skills.sh

Similar skills