build-interactive-web-effects
Build bounded CSS, SVG, canvas, or DOM interaction effects with semantic fallbacks, input parity, lifecycle cleanup, and performance limits.
Skill by TimothyMeadows
Chalk Labs
Need help deploying build-interactive-web-effects?
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-interactive-web-effects
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, frontend
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-interactive-web-effects
What's inside
- Skill name
build-interactive-web-effects- Description
- Build bounded CSS, SVG, canvas, or DOM interaction effects with semantic fallbacks, input parity, lifecycle cleanup, and performance limits. Use for masks, reveals, glows, gradients, pointer effects, particles, framed details, and other focused enhancements that must not destabilize the page.
- License
- MIT
- Instructions
- 30 lines in SKILL.md · view on GitHub
Files (2)
- SKILL.md
- openai.yaml · agents/
SKILL.md (first lines)
# Build Interactive Web Effects ## When to use - Adding one focused visual interaction to an existing surface. - Choosing the lowest-complexity rendering technique for an effect. - Hardening an effect for keyboard, touch, reduced motion, and cleanup. ## Workflow 1. State the communication or feedback purpose and the exact surface the effect may change. 2. Choose CSS first, then SVG or canvas only when the visual requirement justifies it. 3. Define idle, hover, focus, active, touch, disabled, loading, error, and reduced-motion states as applicable. 4. Keep decorative layers out of the accessibility tree and preserve the semantic control. 5. Bound pointer work, animation frames, particles, texture sizes, and observers. 6. Test cleanup, resize, input parity, contrast, clipping, and long-session stability. ## Output - An effect contract with technology choice and state model. - Performance and accessibility budgets. - Integration and regression scenarios. ## Guardrails - Do not rewrite unrelated layout or branding to add one effect. - Do not require pointer input for essential functionality. - Do not load remote runtime code or add a dependency without repository approval.
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
adapt-external-agent-skills
TimothyMeadows
Redesign an external agent capability as a concise OpenCaw-native role, skill, command, or rejection decision.
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-interactive-web-effects 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-interactive-web-effects skill. Agent Mart. https://agentmart.dev/skills/timothymeadows-build-interactive-web-effects (last updated 2026-10-24)