菜单
Visual proof on Animation Editor WASM without shipping demo hooks. Triggers: browser History screenshot, WasmAppHost ports, canvas wait, FeatureDemos.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Gum Integration in FlatRedBall2. Use when working with UI, HUD, menus, buttons, labels, text display, StackPanel, Panel, layout, Gum Forms controls, Add, AddOverlay, screen-space vs world-space UI, blurry or low-res text, FontSize, text opacity/alpha, or any Gum-related question. Also trigger when user asks about displaying text on screen.
TMX map file creation and editing for FlatRedBall2. Use when creating or modifying Tiled .tmx level files, placing collision tiles, resizing maps, or adding layers. Covers the base template, StandardTileset tile IDs, layer conventions, and CSV tile data format.
Writing headless tests for the Animation Editor (Avalonia). Triggers: AnimationEditor.App.Tests, [AvaloniaFact], TestServices, CreateMainWindow, service wiring in tests, UI-thread RunJobs.
Sprite animation in FlatRedBall2. Use for AnimationChain, AnimationChainList, .achx files, Aseprite/.ase loading, Sprite.PlayAnimation, frame-based texture flipping, looping/non-looping animations, AnimationFinished events, and per-frame collision shapes (hitboxes/hurtboxes, static object collision).
Entities and Factories in FlatRedBall2. Use when working with Entity subclasses, Factory<T>, spawning/creating/destroying entities, entity lifecycle, Add, shape children, CustomInitialize/CustomActivity, or Engine.GetFactory<T>(). Trigger on any entity creation, destruction, or factory question.
Level Data in FlatRedBall2. Use when working with level layouts, level progression, loading TMX maps, generating collision from tile layers, or transitioning between levels. Covers TMX-based level setup, TileShapes generation, and level advancement patterns.
| name | animation-editor-browser-verify |
| description | Visual proof on Animation Editor WASM without shipping demo hooks. Triggers: browser History screenshot, WasmAppHost ports, canvas wait, FeatureDemos. |
Use when proving a UI change in AnimationEditor.Browser. Prefer desktop DocScreenshots + Core.Tests when that already covers the behavior — browser capture is optional extra evidence.
Shared drive scripts: AnimationEditor.Core.Demo.FeatureDemos (internal; InternalsVisibleTo tests/DocScreenshots only).
Landmine: never commit ?demo= / FeatureDemos.TryRun wiring into App.axaml.cs BuildView (or Desktop MainWindow). A query-param backdoor mutates undo state on any deployed build.
Default proof path:
CommandDescriptionTests / FeatureDemosTests)._ScratchCapture + FeatureDemos.TryRun.Browser screenshot only if desktop isn't enough: add a temporary local #if DEBUG hook, capture, revert before merge.
dotnet run --project tools/AnimationEditorAvalonia/src/AnimationEditor.Browser --no-launch-profile --urls "http://127.0.0.1:5420"
WasmAppHost often ignores --urls and prints App url: http://127.0.0.1:<ephemeral>/. Use that host. Port-in-use on launchSettings HTTPS → kill the listener or keep --no-launch-profile.
Avalonia canvas — document.body.innerText stays empty. Poll canvas count ≥ 1 and splash gone, then MCP screenshot. No DOM refs for sidebar tabs.
Copy PNGs to tools/AnimationEditorAvalonia/tests/_out/<feature>/ beside desktop output.