Directory Structure
skills/theatrejs/
SKILL.md
references/
concepts/
README.md
overview.md
getting-started.md
project.md
sheet.md
sheet-object.md
sequence.md
prop-types.md
studio.md
state.md
core/
README.md
get-project.md
project.md
sheet.md
sequence.md
object.md
types.md
val.md
on-change.md
dataverse.md
studio/
README.md
studio-initialize.md
studio-extend.md
studio-transaction.md
studio-scrub.md
studio-selection.md
studio-create-pane.md
studio-get-studio-project.md
studio-create-content-of-save-file.md
studio-ui.md
keyboard-mouse-controls.md
authoring-extensions.md
r3f/
README.md
SheetProvider.md
editable.md
PerspectiveCamera.md
OrthographicCamera.md
useCurrentSheet.md
refreshSnapshot.md
extension.md
useVal.md
usePrism.md
useAtom.md
manual/
README.md
projects.md
sheets.md
objects.md
prop-types.md
sequences.md
assets.md
audio.md
advanced.md
samples/
README.md
basic-animation-setup.md
react-three-fiber-integration.md
audio-sync.md
studio-editing-workflow.md
html-dom-animation.md
scripts/
README.md
install.md
setup.md
animation.md
studio.md
r3f.md
theatric.md
Exploration Procedure
Derive the category from the task, and identify the target page in the category's README.md:
- Find the category corresponding to the task in the mapping table below
- of that category
references/{category}/README.mdRefer to to identify the target page - The target page's
.mdRead to check the details
Task → Category mapping
| Task | Category | Reference README |
|---|---|---|
| I want to grasp Theatre.js concepts and overall picture | concepts | references/concepts/README.md |
| I want to know setup steps and first implementation | concepts | references/concepts/README.md |
| I want to understand the concepts of Project / Sheet / Sequence / Object | concepts | references/concepts/README.md |
| I want to know the structure and serialization of state JSON | concepts | references/concepts/README.md |
| I want to create and retrieve a project with getProject | core | references/core/README.md |
| I want to look up the API signatures of Sheet / Sequence / Object | core | references/core/README.md |
| I want to define prop-types (number / rgba / compound / image) | core | references/core/README.md |
| I want to read and subscribe to pointer values with val / onChange | core | references/core/README.md |
| I want to use @theatre/dataverse's Atom / prism / Ticker | core | references/core/README.md |
| I want to initialize and extend Studio | studio | references/studio/README.md |
| I want to do transaction and scrub operations in Studio | studio | references/studio/README.md |
| I want to manipulate Studio's selection state and custom panes | studio | references/studio/README.md |
| I want to export Studio's save files and do custom persistence | studio | references/studio/README.md |
| I want to look up Studio's keyboard and mouse operations | studio | references/studio/README.md |
| I want to create Studio extensions (toolbars and panes) | studio | references/studio/README.md |
| I want to animate a React Three Fiber scene | r3f | references/r3f/README.md |
| I want to make objects editable with SheetProvider / editable | r3f | references/r3f/README.md |
| I want to use useCurrentSheet / useVal / usePrism / useAtom | r3f | references/r3f/README.md |
| I want to animate an R3F camera (PerspectiveCamera / OrthographicCamera) | r3f | references/r3f/README.md |
| I want to know the manual setup procedure for projects, sheets, and objects | manual | references/manual/README.md |
| I want to know sequence playback, looping, and position control | manual | references/manual/README.md |
| I want to use assets (images and textures) in props | manual | references/manual/README.md |
| I want to synchronize audio with animation | manual | references/manual/README.md |
| I want to integrate with an external render loop using a custom rafDriver | manual | references/manual/README.md |
| I want to know typical usage | samples | samples/README.md |
| I want to know installation and CLI commands | scripts | scripts/README.md |