Build Experience — Design skill for Claude Code
Constrói uma experiência frontend imersiva (single-file HTML, Three.js/GSAP/CSS scroll-driven, 60fps).
How to install Build Experience
Installs to ~/.claude/commands/gutomec-agents-guru-build-experience.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/gutomec/agents-guru/HEAD/.claude/commands/build-experience.md -o ~/.claude/commands/gutomec-agents-guru-build-experience.md Restart Claude Code, or start a new session, for it to be picked up.
What Build Experience does
description: Constrói uma experiência frontend imersiva (single-file HTML, Three.js/GSAP/CSS scroll-driven, 60fps). argument-hint: [--tokens ] allowed-tools: Bash, Read, Write, Edit, Glob, Agent
Construa uma experiência imersiva para: $ARGUMENTS
Modo fixado: experience (single-file HTML).
Passos:
- Separe o brief do flag opcional
--tokens. Se não houver--tokens, o padrão do projeto édesign-systems/default/design-tokens.json(a marca
Alternatives in Design
- Pair — Fuse two extracted designs into a single hybrid identity 3.6k ★
- Scroll Craft — Claude Code skill for premium scroll-driven websites 1k ★
- Scroll World — Claude Code skill/plugin: immersive scroll-scrubbed 'fly through the world' landing pages generated with Higgs 537 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Cardstock Diorama Myth
Claude skill that turns a single request into a narrated mythic short film in a layered cut-paper diorama styl
Zi UI Skill
A portable token-driven CSS design system, packaged as an agent skill. A reference implementation of the Claud
3D Collectible Hero
Build a single full-viewport hero section in React + TypeScript + Vite + Tailwind CSS, using lucide-react for
Agent Architecture
Visual multi-agent system designer for Claude Code. 28 agents, Five Minds Protocol, HITL gates, Live Simulatio
Visual Note Card Skills
A custom skill for Claude Code and OpenClaw that generates professional Chinese visual note cards (视觉笔记卡片/信息图)
Editorial Page Skill
Claude Code skill for editorial magazine-style single-page HTML. Beige + │ │ │ brick-red, serif typography, ze
Related Agents
3D Designer
3D Experience Architect — builds immersive 3D scenes, particle systems, scroll-driven animations, WebGL effect
Frontend Forge
Constrói o frontend ou dashboard em código, nos modos experience (single-file HTML imersivo) ou product (Next.
Animation Engineer
Builds motion and animation — CSS transitions/keyframes, the Web Animations API, SVG animation, scroll-driven