claudecodex

xstate-kit

XState v5 toolkit: author typed state machines, generate model-based tests, wire React, and export machines to 14+ graph/diagram formats (Mermaid, DOT, Cytoscape, xyflow, GraphML, and more).

0 on GitHubby 정인권v0.2.0MITupdated 4 months agodeveloper-tools
/

Plugin xstate-kit from marketplace inkwonjung-colosseum in inkwonjung-colosseum/plugins. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (6)

  • xstate-graph

    Convert an XState v5 machine to a diagram in any of 14 graph formats (Mermaid, DOT, GraphML, etc.). Use when visualizing, diagramming, or documenting a state machine.

  • xstate-inspect

    Watch a running XState v5 actor live with @statelyai/inspect (createBrowserInspector + the { inspect } actor option). Use when debugging, observing, or visualizing real-time transitions, events, and context of a running machine.

  • xstate-machine-author

    Write or refactor typed XState v5 statecharts (setup().createMachine) — compound/parallel/history states, actors, guards, v4-to-v5 porting. Use when creating, fixing, or modeling a state machine.

  • xstate-persistence

    Persist and rehydrate XState v5 actor state with getPersistedSnapshot and createActor({ snapshot }). Use when saving, resuming, restoring, or migrating a running machine's state across reloads, restarts, or requests.

  • xstate-react

    Wire an XState v5 machine into React via @xstate/react (useMachine, useSelector, createActorContext). Use when using a machine in a component or across a tree.

  • xstate-test

    Test XState v5 machines: model-based path coverage with createTestModel, plus actor-level unit tests (machine.provide() mocks, getSnapshot, waitFor, fake clocks). Use when you want tests, coverage, or a test plan from a machine.

Slash commands (1)

  • /xstate-kit:xstate-new

    Scaffold a new typed XState v5 machine from a description

View source on GitHub

More from inkwonjung-colosseum/plugins

All 7 plugins →

logistics-kit

claudecodex

물류·SCM·WMS·TMS·OMS·3PL·규제 상시 전문가 Skills 50종.

50 skills

0

planning-kit

claudecodex

모호한 아이디어를 심층 인터뷰로 명확화하고, 기획 초안 변환, 저장 파일 중심 결과 우선 리뷰, SSOT 감사, 정책서·기능 설계서를 v0.7 Confluence 후보 문서로 발행, AI가 쓴 한글 텍스트를 사람 글처럼 윤문하는 humanize-korean까지 지원하는 planning-kit.

6 skills

0

dbml-kit

claudecodex

DBML schemas explained to non-developers, gap analysis against product specs, and Mermaid ERD rendering.

4 skills

0

devx-kit

claudecodex

Frontend·backend 무관 개발 생산성 스킬 모음. 코드·diff·로그·테스트·환경 변수 등 일상 개발 업무의 반복 작업을 줄이는 stack-agnostic kit.

3 skills

0

colonova-engineering-docs-kit

claudecodex

8.8 ColoNova Engineering Confluence 트리의 지속적 유지보수·최신화 관리(감사→갱신 루프): colonova-engineering-docs-audit이 최신화·실행 큐를 만들고 colonova-engineering-docs-publish가 그 page ID로 갱신을 실행한다. living 기준 문서·07 모니터링 SLO·Approved DR·09 로드맵 freshness 감사, Pending supersession(05/08/12/ADR)·Discussion closure incomplete·Archive·갱신·신규 Subfolder drift 후보 탐지, 다음 감사 권장일 anchor·prior-report delta·overdue 점검, 위치 추천, 유형별 템플릿(11종) 변환, 변경 이력·일괄 갱신(Batch Refresh)·ADR 상태 전환·discussion 종결·supersession(inbound 링크 점검) 처리, version pre-fetch·승인 후 게시·readback 검증.

2 skills

0

design-kit

claudecodex

Colosseum 브랜드 디자인 시스템 + 범용 UI 디자인 지능. '디자인 만들어줘'에 브랜드 일관 self-contained HTML(colosseum-design), 브랜드 무관 스타일·색·폰트·차트·UX 데이터 추천(ui-design-intelligence). Python·daemon·MCP 불필요.

2 skills

0

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

understand-anything

claude

AI-powered codebase understanding — analyze, visualize, and explain any project

9 skills · 10 agents · hooks

Egonex-AI/Understand-Anything 92,410

ruflo-workflows

claude

Visual workflow automation with templates, orchestration, and lifecycle management

5 skills · 8 commands · 3 agents

ruvnet/ruflo 81,589

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

slidev

claude

Claude Code skill for creating and presenting Slidev slidedecks

1 skill

slidevjs/slidev 49,452

hyperframes

claudecodex

HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.

34 skills

anthropics/claude-plugins-official 47,076

Maintain xstate-kit?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins7 plugins