TypeGPU and WebGPU let you create fast GPU‑powered visuals inside HyperFrames. You can build animations, liquid glass effects, and particle systems that run directly on the graphics card. Every frame responds to HyperFrames seek events so your composition stays perfectly in sync.
This skill handles the setup work for you. It initializes the GPU, sets up the canvas, and listens for timeline updates. You just write your render code using TypeGPU or raw WebGPU. The result is smooth, frame‑accurate playback for any timeline‑driven project.
The pattern works with video textures too. You can apply distortion or glass effects to video layers. Everything renders at the native resolution and waits for the GPU to finish before the frame is captured.
Global
mkdir -p ~/.claude/skills/typegpuProject
mkdir -p .claude/skills/typegpuSource Repository
Find Skillsvercel-labs/skills
Find and install the perfect skill to extend your AI agent
Microsoft Foundrymicrosoft/azure-skills
Build, deploy, and improve AI agents on Microsoft Foundry from start to finish
Azure Aimicrosoft/azure-skills
Search, transcribe, and analyze with Azure AI tools for smarter apps
Azure Hosted Copilot Sdkmicrosoft/azure-skills
Build, deploy, and manage your Copilot SDK apps on Azure with ease
Triagemattpocock/skills
Triage issues with a state machine driven by clear roles and agent briefs
Handoffmattpocock/skills
Hand off your work to another AI agent with a clear summary
Image Editagentspace-so/runcomfy-agent-skills
Smart router picks the best AI model for your image editing needs
Agentspaceagentspace-so/skills
See your AI agent's live folder from any browser instantly