Skip to main content

design-editor-repro

Reproduce and verify Design editor issues against the application itself.

ソース情報

リポジトリ
BuilderIO/agent-native
ソースの最終更新活動
2026年10月9日 11:49
検出された SKILL.md の言語
英語
スター
7,119
フォーク
646

インストール方法

デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。

ソースファイルを確認

インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。

ファイルエクスプローラー
18 ファイル

SKILL.md を表示中

SKILL.md
ソースの指示 · 読み取り専用プレビュー
name
design-editor-repro
description
Reproduce and verify Design editor issues against the application itself.
# Reproduce Design editor issues Use this skill for defects that need a real Design editor session. Work from a local or production copy of an Agent-Native design and describe the observed application behavior directly. ## Setup 1. Start the worktree's Design app with .agents/skills/design-editor-repro/harness/start-dev.sh. 2. Run node .agents/skills/design-editor-repro/harness/doctor.mjs until the local app and editor session are ready. 3. Copy a source design with node .agents/skills/design-editor-repro/scripts/copy-design.mjs <design-id>. Use a production copy only when DESIGN_TEST_EMAIL and DESIGN_TEST_PASSWORD are configured. Remove that copy when finished. 4. Reproduce the reported steps before changing application code. Save only task-relevant files under templates/design/.tmp/editor-repro/. ## Investigation - Use the helpers in harness/dlib.mjs to open the editor, select layers, inspect fields, trigger actions, and read persisted files. - Prefer Playwright input through the app page. Use the OS input helper only when browser input cannot exercise the reported path. - Capture screenshots with harness/shot.mjs when visual evidence will help explain the application state. The helper returns local paths for inspection. - Check the relevant implementation and neighboring tests before changing code. Keep fixes at the application boundary and add a regression test where the existing suite supports it. - Keep diagnostic data local to the task. Do not commit screenshots, copied user designs, session data, credentials, or temporary exports. ## Verification - Reproduce the original steps on the changed build. - Run the narrowest relevant unit or browser tests, then the required Design interaction lane when the change affects canvas behavior. - Inspect the rendered application when the fix changes visible behavior. - Close the editor page and delete any temporary production copy before reporting completion. For details, see harness-recipes.md, reference/input-and-osmouse.md, reference/fixing.md, reference/tests-and-blast-radius.md, and reference/performance.md.
GitHubで見る