一键在 Manus 中运行任何 Skill

ssh-build-app-ui

星标16

分支3

更新时间2026年6月9日 05:06

Guide Sprite Sheet Helper React/Tauri editor UI, shadcn/Radix controls, Tailwind layout, lucide icons, Three/R3F scene controls, and web/Tauri file behavior. Use when Codex builds or changes app panels, modals, toolbars, viewport UI, scene components, platform-specific web/tauri modules, or maintaining this skill after UI architecture changes.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

Kyonru

Kyonru/sprite-sheet-helper

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

SSH Build App UI

Workflow

Read references/ui-scene-map.md before changing editor panels, modals, top menus, viewport tools, shared scene state, Three/R3F components, or web/Tauri file abstractions.

Match the existing product feel:

Build dense editor surfaces, not landing pages.
Use existing src/components/ui primitives, Radix patterns, lucide icons, and Tailwind utilities.
Keep controls discoverable with labels or accessible names; use icon buttons for familiar tool actions.
Respect web/Tauri split modules and the WebTauriSwapPlugin naming convention.

Self-Maintenance

When repo exploration shows this skill's files, invariants, commands, or reference map are stale, update this skill in the same change. Keep SKILL.md concise and move project maps or checklists into references/ui-scene-map.md.

Update agents/openai.yaml only when the display name, short description, or default prompt no longer matches the skill. Validate skill edits with the TODO scan, git diff --check, and quick_validate.py when PyYAML is available.

Implementation Notes

For scene work, keep long-lived render state in shared context or stores rather than ad hoc component locals. For UI work, preserve responsive sizing and avoid text overflow in toolbars, panels, cards, and dialogs.

Verify with typecheck and lint for most UI changes. Use a local dev server plus browser inspection for visual, canvas, drag/drop, or viewport interaction changes.

同仓库更多 Skills

同仓库

ssh-add-exporter

Kyonru/sprite-sheet-helper

Guide Sprite Sheet Helper exporter, CLI format, workflow preset, atlas layout, normal-map export, and headless capture changes. Use when Codex works on src/utils/exports, cli/options.ts, cli/data.ts, workflow presets, export modal UI, exporter tests, CLI/e2e export behavior, or maintaining this skill after export architecture changes.

2026-06-0916

ssh-change-project-state

Kyonru/sprite-sheet-helper

Guide Sprite Sheet Helper Zustand store, project snapshot, sshProj migration, undo/redo history, and serializable state changes. Use when Codex works on src/store/next, src/types/project.ts, history actions, hydrate/getSnapshot/reset, OPFS-backed assets, project migration tests, or maintaining this skill after state architecture changes.

2026-06-0916

ssh-edit-pose-studio

Kyonru/sprite-sheet-helper

Guide Sprite Sheet Helper Pose Studio, camera animation capture, MediaPipe retargeting, FK/IK pose editing, quality markers, and authored clip save changes. Use when Codex works on src/components/pose-studio, src/components/camera-animation-capture, pose utilities, bone remapping, pose IK, pose tests, or maintaining this skill after pose workflow changes.

2026-06-0916

ssh-tune-material-effects

Kyonru/sprite-sheet-helper

Guide Sprite Sheet Helper materials, texture assets, retro texture generation, model downgrade visuals, post-processing effects, custom shaders, GLSL/Lua editors, and render-quality controls. Use when Codex works on material stores/types/constants, effects stores/constants/components, material runtime, shader editors, effect tests, or maintaining this skill after visual pipeline changes.

2026-06-0916

ssh-update-docs-ci

Kyonru/sprite-sheet-helper

Guide Sprite Sheet Helper documentation, Zensical site, in-app docs search, README, Docker, Railway, GitHub Action, and CI guidance. Use when Codex updates src/docs, docs symlinks, docs build/check scripts, docker files, action metadata, CLI documentation, release automation, or maintaining this skill after docs/CI changes.

2026-06-0916

name	ssh-build-app-ui
description	Guide Sprite Sheet Helper React/Tauri editor UI, shadcn/Radix controls, Tailwind layout, lucide icons, Three/R3F scene controls, and web/Tauri file behavior. Use when Codex builds or changes app panels, modals, toolbars, viewport UI, scene components, platform-specific web/tauri modules, or maintaining this skill after UI architecture changes.

SSH Build App UI

Workflow

Read references/ui-scene-map.md before changing editor panels, modals, top menus, viewport tools, shared scene state, Three/R3F components, or web/Tauri file abstractions.

Match the existing product feel:

Build dense editor surfaces, not landing pages.
Use existing src/components/ui primitives, Radix patterns, lucide icons, and Tailwind utilities.
Keep controls discoverable with labels or accessible names; use icon buttons for familiar tool actions.
Respect web/Tauri split modules and the WebTauriSwapPlugin naming convention.

Self-Maintenance

Implementation Notes

Verify with typecheck and lint for most UI changes. Use a local dev server plus browser inspection for visual, canvas, drag/drop, or viewport interaction changes.