tinyworld-settings
Installation
SKILL.md
Tiny World Settings
Settings live in tiny-world-builder.html inside #render-modal.
Keep settings changes compatible with the existing static single-file app:
- Preserve
data-settings-tabvalues (app,rendering,world,materials,environment,crowd,ai) unless every command-palette and settings caller is updated in the same change. - Preserve existing control IDs. The settings setup code binds controls by
getElementById, so moving controls between sections is safe but renaming IDs is not. selectSettingsTab(name)must guard unknown names and update all tab and panel state together:.active,aria-selected, tabtabIndex, panel.active, and panelhidden.- Settings tabs should remain real
role="tab"buttons inside arole="tablist"and support click plus Arrow/Home/End keyboard navigation. - Panels should be
role="tabpanel"with stable IDs andaria-labelledbypointing at the matching tab. - Settings search should be a thin UI layer over the existing tab/panel wiring: never rename controls for search, keep hidden rows reversible when the query clears, and route automatic tab changes through
selectSettingsTab(). - Search result counts may be shown inside tab buttons, but keep the tab's
data-settings-tabvalue,role, keyboard navigation, and accessible label in sync.
Structure rules: