원클릭으로 Manus에서 모든 스킬 실행

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 저장소 열기 Creator 저장소 보기

다운로드

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.