state-machine
Explore Component States with Realistic Fixtures
Loading, error, and permission states can be difficult to reproduce during UI development. This skill builds a temporary component workbench with realistic fixtures and a grouped state switcher.
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "state-machine" from https://skillstore.io/skills/jakubkrehel-state-machine.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-state-machine/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「state-machine」を使用しています。 Create a state workbench for an audit log table with existing loading, empty, error, and populated branches.
期待される結果:
- Created a temporary page importing the existing audit log table at its production width.
- Data states: Loading, Empty, Error, Typical Activity, and Long History.
- Loading remains pending until another state is selected.
- Each state has a URL using the __state parameter.
- The workbench remains available until you request removal.
「state-machine」を使用しています。 Inspect the existing owner and member states of a billing card when no browser is available.
期待される結果:
- Access states: Owner and Member.
- Missing design state: Trial Expired. No corresponding branch exists, so it was excluded.
- Fixtures use the existing provider without editing the billing card.
- Browser verification was unavailable. Open the supplied workbench URL to check each state.
セキュリティ監査
安全All eight static findings are false positives: Markdown inline labels, viewport layout guidance, and CSS focus outlines contain no shell execution or system reconnaissance. No evidence found of prompt injection, credential theft, or data exfiltration in the reviewed files. The workflow uses temporary project files and requires user approval before component changes or cleanup.
リスク要因
⚙️ 外部コマンド (5)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/jakubkrehel-state-machine/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/jakubkrehel-state-machine?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/jakubkrehel-state-machine?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubkrehel-state-machine/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/jakubkrehel-state-machine.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
jakubkrehel. (2026). state-machine security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-state-machine/audits/1BibTeX形式の引用
@techreport{jakubkrehel-jakubkrehel-state-machine-2026,
author = {jakubkrehel},
title = {state-machine security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/jakubkrehel-state-machine/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "state-machine security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "jakubkrehel"
date-released: "2026-11-02"
url: "https://skillstore.io/skills/jakubkrehel-state-machine/audits/1"
identifiers:
- type: other
value: "skillstore:jakubkrehel-state-machine:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 中作成できるもの
Inspect Data States
Build a workbench for a table with loading, empty, error, and populated states using realistic row counts.
Refine Permission Views
Compare existing role and plan states in the real component without changing application styles or recreating the component.
Reproduce Visual Regressions
Use state URLs to revisit fixtures and check every state after a visual change.
これらのプロンプトを試す
Use the state-machine skill for [component]. Find its existing states and build a temporary page with realistic fixtures and a state switcher.
Build a workbench for [component] covering reachable loading, empty, error, typical, and long-list states. Keep loading pending until I switch states.
Inspect [component] for role, plan, and feature branches. Group reachable states using product terms. Include combinations only where existing code branches on them.
Build a workbench for [component] using existing query caches or request mocks. Prevent live refetches from replacing fixtures. Verify each state and request approval before component edits.
ベストプラクティス
- List reachable states before building and name groups using the product vocabulary.
- Use realistic synthetic fixtures at the component data boundary and confirm that live data does not replace them.
- Recheck every state after visual changes and request cleanup only when the workbench is no longer needed.
回避
- Rebuilding a lookalike component or changing production branches solely to display invented states.
- Using generic placeholder rows or allowing loading fixtures to resolve automatically.
- Changing component visuals without a request or deleting the workbench before the user approves removal.
よくある質問
Which AI tools are listed as compatible?
Does this provide a state machine runtime?
Does it edit the original component?
How are states selected?
What happens when browser verification is unavailable?
When is the temporary page removed?
開発者情報
作成者
jakubkrehelライセンス
不明
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
86856269452d564275b66e853c88ee5f7c85f95d
メンテナンスの新しさ
2026/11/2
利用状況
0 ダウンロード · 0 閲覧
ファイル構成