State Machine
by jakubkreheld574cc8a576dNo license7.5K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 2 days ago
Renders every state of a component you choose on a throwaway page, with mock data and a switcher, so you can work on each state.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| agents/openai.yaml | 177 B | application/yaml |
| SKILL.md | 5.7 KB | text/markdown |
| switcher.md | 3.1 KB | text/markdown |
Source and attribution
Source:jakubkrehel/skillsinskills/state-machineat commitd574cc8
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from jakubkrehel/skills
Build Design
jakubkrehel
Builds UI code from a Figma file or design image, matching the design using the project's existing tokens and components.
Interface Review
jakubkrehel
Reviews a branch, pull request or uncommitted change for interface problems it introduced or regressed.
Variant
jakubkrehel
Builds three deliberate UI variants behind a picker so a user can compare and choose one.
Explain Interface
jakubkrehel
Explains how a website, visual effect or animation was built, from a live URL or a screenshot.
Break
jakubkrehel
Renders one UI component under every reachable worst-case scenario on a temporary page and reports what visibly breaks.
Better Ui
jakubkrehel
Reviews and fixes UI polish details: border radii, optical alignment, shadows, icons, and motion values.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.