Skills
.Work. You
Rest

build-experience

Community

Svelte-first patterns for interactive experiences.

Software Engineering#svelte#bun#webgl#gsap#data-visualization#threlte#scrollytelling
Authoryzavyas
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill consolidates a curated set of Svelte-first patterns and reference material to accelerate building rich interactive experiences (animations, 3D/WebGL, scrollytelling, and data visualization) without reinventing the wheel.

Core Features & Use Cases

  • Pattern catalog: A library of proven frontend patterns tailored for interactive experiences using Svelte, Threlte 8, GSAP, and Layer Cake.
  • 3D/WebGL & data viz: Guidance for building responsive visualizations and 3D scenes with Threlte 8, Three.js, PixiJS, and Layer Cake integrations.
  • Scrollytelling & prototyping: Best practices for scroll-driven storytelling, animation choreography, and rapid prototyping.
  • References & design guidance: Access to references on typography, color systems, design tokens, and UI patterns.
  • Use case: Create a data-driven interactive demo or content site with performance-minded patterns.

Quick Start

Start by inspecting the included references and sample patterns, then scaffold a minimal Threlte 8 scene in Svelte to prototype a basic animation.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: build-experience
Download link: https://github.com/yzavyas/claude-1337/archive/main.zip#build-experience

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.