Run any Skill in Manus with one click

ssh-build-app-ui

Stars16

Forks3

UpdatedJune 9, 2026 at 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.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

Kyonru

Kyonru/sprite-sheet-helper

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

File Explorer

3 files

SKILL.md

readonly

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

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.

More from this repository

same repository

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.