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

realtime-dimensional-visualization

스타2

포크0

업데이트2026년 3월 1일 03:47

Design and implement realtime visualization systems for LocusQ across 2D/3D/4D views (time-aware state), with information-visualization clarity, modern UI art direction, and plugin-host performance constraints.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

joshband

joshband/LocusQ

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

Realtime Dimensional Visualization

Use this skill when the task is about high-quality plugin UI/visualization design and implementation, including 2D, 3D, and time-layered 4D representations.

Scope

Information visualization for audio/spatial/simulation telemetry.
Realtime 2D/3D rendering behavior and 4D presentation (state over time).
UI art direction for beautiful, intentional interfaces (type, color, layout, motion).
Host-aware performance/latency constraints for plugin and standalone runtimes.

Workflow

Lock visual intent and operator goals first.
- Define what must be understood at a glance vs explored interactively.
Build explicit mapping contracts.
- Data -> encodings (position, color, size, motion, history trail/time window).
Choose rendering architecture by budget.
- 2D layer, 3D layer, and temporal history strategy with quality tiers.
Apply art-direction system.
- Typography, spacing, color tokens, motion language, and hierarchy rules.
Validate clarity and performance.
- Verify legibility, interaction latency, jitter resistance, and frame budget behavior.

Design and Runtime Rules

Avoid generic UI defaults; choose intentional visual direction per feature.
Keep information density readable under fast-changing realtime conditions.
Preserve deterministic visual response for deterministic input playback.
Gate heavy effects behind quality tiers and fallback gracefully.

Cross-Skill Routing

Pair with threejs for scene architecture and render-loop implementation.
Pair with reactive-av for feature extraction and smoothing contracts.
Pair with juce-webview-runtime for host/backend runtime parity.
Pair with simulation-behavior-audio-visual when complex simulation drives visuals.

References

references/ui-art-direction-trends.md
references/info-viz-mappings.md
references/realtime-2d-3d-4d-contract.md
references/visual-language-tokens.md
references/prompt-examples.md

Deliverables

Visual mapping table and design-token summary.
Validation status: tested, partially tested, or not tested.
Residual risk statement for skipped performance/clarity checks.

이 저장소의 다른 Skills

같은 저장소

skill-docs

joshband/LocusQ

Documentation governance skill for metadata compliance, ADR hygiene, invariant traceability, and validation evidence logging.

2026-03-182

documentation-hygiene-expert

joshband/LocusQ

SDLC-aware documentation cleanup and governance specialist for de-bloating repos, consolidating source-of-truth docs, enforcing freshness ownership, aligning implementation docs with ADRs, and automating git artifact hygiene (tracked ignored files, stale archives, and history bloat audits).

2026-03-182

apple-spatial-companion-platform

joshband/LocusQ

Swift companion platform and Apple API ownership for LocusQ. Use when user requests AirPods workflows, CoreMotion motion capture, ear-photo/depth capture, privacy-retention policy, or Apple API boundary decisions for BL-057/BL-058.

2026-03-182

auv3-plugin-lifecycle

joshband/LocusQ

End-to-end AUv3 support workflow for LocusQ. Use when user requests AUv3 format enablement, app-extension architecture, JUCE integration boundaries, AUv3 host validation lanes, or cross-format parity decisions.

2026-03-182

documentation-hygiene-expert

joshband/LocusQ

SDLC-aware documentation cleanup and git artifact hygiene for LocusQ. Use when user requests de-bloating docs, consolidating source-of-truth files, fixing stale ADR alignment, backlog/runbook clarity passes, or git tree artifact cleanup.

2026-03-182

headtracking-companion-runtime

joshband/LocusQ

Companion runtime state-machine and diagnostics for LocusQ head-tracking. Use when user requests readiness/sync gating, axis/frame sanity checks, pose freshness validation, or deterministic operator diagnostics for BL-053/BL-058.

2026-03-182

name	realtime-dimensional-visualization
description	Design and implement realtime visualization systems for LocusQ across 2D/3D/4D views (time-aware state), with information-visualization clarity, modern UI art direction, and plugin-host performance constraints.

Title: Realtime Dimensional Visualization Skill Document Type: Skill Author: APC Codex Created Date: 2026-03-01 Last Modified Date: 2026-03-01

Realtime Dimensional Visualization

Use this skill when the task is about high-quality plugin UI/visualization design and implementation, including 2D, 3D, and time-layered 4D representations.

Scope

Information visualization for audio/spatial/simulation telemetry.
Realtime 2D/3D rendering behavior and 4D presentation (state over time).
UI art direction for beautiful, intentional interfaces (type, color, layout, motion).
Host-aware performance/latency constraints for plugin and standalone runtimes.

Workflow

Lock visual intent and operator goals first.
- Define what must be understood at a glance vs explored interactively.
Build explicit mapping contracts.
- Data -> encodings (position, color, size, motion, history trail/time window).
Choose rendering architecture by budget.
- 2D layer, 3D layer, and temporal history strategy with quality tiers.
Apply art-direction system.
- Typography, spacing, color tokens, motion language, and hierarchy rules.
Validate clarity and performance.
- Verify legibility, interaction latency, jitter resistance, and frame budget behavior.

Design and Runtime Rules

Avoid generic UI defaults; choose intentional visual direction per feature.
Keep information density readable under fast-changing realtime conditions.
Preserve deterministic visual response for deterministic input playback.
Gate heavy effects behind quality tiers and fallback gracefully.

Cross-Skill Routing

Pair with threejs for scene architecture and render-loop implementation.
Pair with reactive-av for feature extraction and smoothing contracts.
Pair with juce-webview-runtime for host/backend runtime parity.
Pair with simulation-behavior-audio-visual when complex simulation drives visuals.

References

references/ui-art-direction-trends.md
references/info-viz-mappings.md
references/realtime-2d-3d-4d-contract.md
references/visual-language-tokens.md
references/prompt-examples.md

Deliverables

Visual mapping table and design-token summary.
Validation status: tested, partially tested, or not tested.
Residual risk statement for skipped performance/clarity checks.