build-webgl-experiences
Design and implement purposeful WebGL features with clear ownership, bounded rendering cost, responsive lifecycle, accessible fallback, and deterministic…
Skill by TimothyMeadows
Chalk Labs
Need help deploying build-webgl-experiences?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/timothymeadows-build-webgl-experiences
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, data
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/build-webgl-experiences
What's inside
- Skill name
build-webgl-experiences- Description
- Design and implement purposeful WebGL features with clear ownership, bounded rendering cost, responsive lifecycle, accessible fallback, and deterministic validation. Use for interactive 3D, particles, data scenes, immersive backgrounds, or shader effects that materially improve a web experience.
- License
- MIT
- Instructions
- 30 lines in SKILL.md · view on GitHub
Files (2)
- SKILL.md
- openai.yaml · agents/
SKILL.md (first lines)
# Build Webgl Experiences ## When to use - A web feature genuinely requires real-time 3D or shader rendering. - Integrating a WebGL scene into a semantic page or application. - Diagnosing lifecycle, resize, fallback, or performance failures in a graphics feature. ## Workflow 1. Define the user value and confirm simpler CSS, SVG, image, or video approaches are insufficient. 2. Use the active architecture to choose the renderer and asset pipeline. 3. Separate scene content, simulation, rendering, input, presentation integration, and disposal. 4. Set pixel ratio, geometry, texture, draw-call, update-rate, and mobile budgets. 5. Implement resize, visibility pause, context loss, loading, error, reduced-motion, and non-WebGL fallbacks. 6. Validate visual correctness, interaction, cleanup, memory stability, and page conversion or task clarity. ## Output - A WebGL architecture and ownership contract. - Asset and performance budgets with fallback requirements. - Integration, lifecycle, accessibility, and verification scenarios. ## Guardrails - Do not create a second renderer when one shared renderer can own the scene. - Do not use shader pixels as authoritative application or gameplay state. - Do not obscure semantic content or controls behind the canvas.
From TimothyMeadows/OpenCaw, MIT.
More from TimothyMeadows/OpenCaw
- 0.574score
build-scroll-authored-web-experiences
TimothyMeadows
Design and implement accessible, reversible web narratives whose visual state is authored against native scroll position.
SkillBFreshness: B★ 4Claude Code +9 - 0.574score
build-threejs-code-characters
TimothyMeadows
Author source-native Three.js characters, creatures, and runtime actors through the CODE pipeline's character profile, six ordered gates, independent review…
SkillBFreshness: B★ 4Claude Code +9 - 0.571score
build-procedural-blender-scenes
TimothyMeadows
Build deterministic Blender 4.5 Geometry Nodes systems, modular kits, instanced assemblies, and procedural set dressing.
SkillBFreshness: B★ 4Claude Code +9 - 0.571score
build-game-production-tools
TimothyMeadows
Build reversible game-content tools that derive from authoritative source, isolate drafts, validate imports and exports, and require reviewed integration.
SkillBFreshness: B★ 4Claude Code +9 - 0.571score
build-gameplay-runtime
TimothyMeadows
Implement deterministic gameplay systems with clear simulation, content, presentation, input, persistence, and lifecycle boundaries.
SkillBFreshness: B★ 4Claude Code +9 - 0.571score
author-blender-materials-and-lookdev
TimothyMeadows
Author Blender 4.5 PBR or stylized materials and controlled look development from the active OpenCaw style contract.
SkillBFreshness: B★ 4Claude Code +9 - 0.569score
build-threejs-code-models
TimothyMeadows
Author procedural Three.js TypeScript or JavaScript models from a text brief and optional authorized references using deterministic ordered review passes.
SkillBFreshness: B★ 4Claude Code +9 - 0.569score
capture-full-page-evidence
TimothyMeadows
Capture reliable full-page browser evidence for lazy-loaded, animated, canvas, WebGL, and reveal-heavy pages.
SkillBFreshness: B★ 4Claude Code +9 - 0.569score
brainstorm-flow
TimothyMeadows
Run OpenCaw's persistent pre-planning Brainstorm mode for researched app, game, product, feature, or other idea discovery.
SkillBFreshness: B★ 4Claude Code +9 - 0.569score
build-accessible-motion-systems
TimothyMeadows
Design and implement a reusable motion system with purposeful tokens, choreography, interruption, cleanup, and reduced-motion behavior.
SkillBFreshness: B★ 4Claude Code +9 - 0.569score
audit-reference-originality
TimothyMeadows
Compare a design or digital experience with supplied references and identify evidence-backed originality risk across copy, branding, assets, layout, motion…
SkillBFreshness: B★ 4Claude Code +9 - 0.566score
audit-untrusted-agent-source
TimothyMeadows
Statically inspect agent-facing source for unsafe instructions, executable content, secrets, path escapes, hidden side effects, and supply-chain risk.
SkillBFreshness: B★ 4Claude Code +9
Signals
- Stars
- 4
- Forks
- 3
- Open issues
- 2
- Last commit (this folder)
- Jul 25, 2026 (3 months ago)
- Last release
- Aug 11, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/TimothyMeadows/OpenCaw
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from TimothyMeadows
- 0.574score
build-scroll-authored-web-experiences
TimothyMeadows
Design and implement accessible, reversible web narratives whose visual state is authored against native scroll position.
SkillBFreshness: B★ 4Claude Code +9 - 0.574score
build-threejs-code-characters
TimothyMeadows
Author source-native Three.js characters, creatures, and runtime actors through the CODE pipeline's character profile, six ordered gates, independent review…
SkillBFreshness: B★ 4Claude Code +9 - 0.571score
build-procedural-blender-scenes
TimothyMeadows
Build deterministic Blender 4.5 Geometry Nodes systems, modular kits, instanced assemblies, and procedural set dressing.
SkillBFreshness: B★ 4Claude Code +9 - 0.571score
author-blender-materials-and-lookdev
TimothyMeadows
Author Blender 4.5 PBR or stylized materials and controlled look development from the active OpenCaw style contract.
SkillBFreshness: B★ 4Claude Code +9 - 0.571score
build-game-production-tools
TimothyMeadows
Build reversible game-content tools that derive from authoritative source, isolate drafts, validate imports and exports, and require reviewed integration.
SkillBFreshness: B★ 4Claude Code +9 - 0.571score
build-gameplay-runtime
TimothyMeadows
Implement deterministic gameplay systems with clear simulation, content, presentation, input, persistence, and lifecycle boundaries.
SkillBFreshness: B★ 4Claude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get build-webgl-experiences running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
build-webgl-experiences skill. Agent Mart. https://agentmart.dev/skills/timothymeadows-build-webgl-experiences (last updated 2026-10-24)