ワンクリックでManusで任意のスキルを実行

craftbuddy-ui-validation

スター1

フォーク0

更新日2026年4月25日 11:20

CraftBuddy UI and validation workflow. Activate for src/ui changes, overlay layout, settings panels, harness work, screenshots, visual regressions, HUD overlap, and optional installed-client UI checks.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

lemon07r

lemon07r/AFNM-CraftBuddy

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

CraftBuddy UI Validation

Use the committed browser harness first for UI work. Live game UI validation is optional and disruptive.

Activate When

Editing src/ui/*, src/settings/*, or UI-facing src/modContent/*
Investigating overlay placement, HUD overlap, settings layout, auto-mode panel behavior, or screenshots
Needing browser automation evidence for visual behavior

Local Harness Workflow

bun run ui:harness:build
bun run ui:harness:serve
agent-browser open http://127.0.0.1:4173
agent-browser snapshot -i
agent-browser screenshot

For the narrow HUD-overlap regression scene:

agent-browser open "http://127.0.0.1:4173/?scene=gamehud&viewport=975x768"

What To Capture

Normal recommendation fixture.
Settings panel if settings layout changed.
Auto panel visible for auto-mode UI changes.
Loading/stop state when auto-mode status changes.
HUD constrained scene for overlap/safe-lane changes.

Runtime UI Rules

Keep react and react-dom versions aligned.
Standalone harness failure is meaningful even if webpack still builds.
For runtime-sensitive integration, use runtime-oracle before launching the installed app.
Rebuild dist//zip before installed-client validation; stale artifacts can mask source fixes.

Optional Live Game Path

Only use live UI when explicitly requested or when harness/oracle cannot answer the question. Follow live-game-testing; never launch through Steam by default, never launch from the repo cwd, and always remove disable_steam afterward.

Gotchas

The harness is the default UI proof: do not rely on static review for visual/layout changes.
Stale zip risk: the installed game loads the copied zip, not the latest source tree.
DevTools launch is disruptive: use a non-repo working directory and only when the path is actually automated.
Auto-mode needs both UI and behavior checks: pair panel screenshots with unit tests for controller/executor logic.

References

docs/project/TESTING.md
scripts/ui/agent-browser-harness.tsx
src/ui/RecommendationPanel.tsx
src/ui/SettingsPanel.tsx

このリポジトリの他の Skills

同じリポジトリ

conventional-git

lemon07r/AFNM-CraftBuddy

Standardized commit messages and branch naming for AFNM mod projects. Activate when creating commits, branches, or release tags to follow the project's conventional commit format.

2026-07-061

afnm-modding

lemon07r/AFNM-CraftBuddy

CraftBuddy orientation for Ascend From Nine Mountains mod work. Activate first for AFNM-CraftBuddy tasks to route into optimizer, runtime integration, UI validation, ModAPI lookup, validation, and release skills without bulk-loading docs.

2026-04-251

craftbuddy-release

lemon07r/AFNM-CraftBuddy

CraftBuddy release and Workshop publishing workflow. Activate when bumping versions, packaging, uploading to Steam Workshop item 3661729323, pushing release commits, tagging GitHub releases, changing Workshop description copy, or for any Steam Workshop upload mechanics.

2026-04-251

modapi-lookup

lemon07r/AFNM-CraftBuddy

CraftBuddy ModAPI lookup workflow. Activate when using AFNM hooks, actions, utilities, root-state APIs, gameData, injectUI, registerOptionsUI, or when verifying API signatures before implementation.

2026-04-251

typescript-afnm

lemon07r/AFNM-CraftBuddy

CraftBuddy TypeScript conventions for AFNM ModAPI work. Activate when writing or reviewing TypeScript, adding interfaces, touching globals, or considering any/ts-ignore.

2026-04-251

agent-browser

lemon07r/AFNM-CraftBuddy

Browser automation CLI for agents. Use for opening pages, clicking, filling forms, taking screenshots, reading DOM snapshots, testing local harnesses, or connecting to AFNM/Electron DevTools sessions.

2026-04-251

CraftBuddy UI Validation

Use the committed browser harness first for UI work. Live game UI validation is optional and disruptive.

Activate When

Editing src/ui/*, src/settings/*, or UI-facing src/modContent/*

Investigating overlay placement, HUD overlap, settings layout, auto-mode panel behavior, or screenshots

Needing browser automation evidence for visual behavior

Local Harness Workflow

bun run ui:harness:build bun run ui:harness:serve agent-browser open http://127.0.0.1:4173 agent-browser snapshot -i agent-browser screenshot

For the narrow HUD-overlap regression scene:

agent-browser open "http://127.0.0.1:4173/?scene=gamehud&viewport=975x768"

What To Capture

Normal recommendation fixture.

Settings panel if settings layout changed.

Auto panel visible for auto-mode UI changes.

Loading/stop state when auto-mode status changes.

HUD constrained scene for overlap/safe-lane changes.

Runtime UI Rules

Keep react and react-dom versions aligned.

Standalone harness failure is meaningful even if webpack still builds.

For runtime-sensitive integration, use runtime-oracle before launching the installed app.

Rebuild dist//zip before installed-client validation; stale artifacts can mask source fixes.

Optional Live Game Path

Gotchas

The harness is the default UI proof: do not rely on static review for visual/layout changes.

Stale zip risk: the installed game loads the copied zip, not the latest source tree.

DevTools launch is disruptive: use a non-repo working directory and only when the path is actually automated.

Auto-mode needs both UI and behavior checks: pair panel screenshots with unit tests for controller/executor logic.

References

docs/project/TESTING.md

scripts/ui/agent-browser-harness.tsx

src/ui/RecommendationPanel.tsx

src/ui/SettingsPanel.tsx

name	craftbuddy-ui-validation
description	CraftBuddy UI and validation workflow. Activate for src/ui changes, overlay layout, settings panels, harness work, screenshots, visual regressions, HUD overlap, and optional installed-client UI checks.