Scrollcraft — AI skill for Claude Code
AI-powered scroll website builder — hosted app, plus a Claude Code skill: /plugin marketplace add singhharsh1708/scrollcraft.
How to install Scrollcraft
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open singhharsh1708/scrollcraft and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Scrollcraft does
AI-powered scroll website builder — hosted app, plus a Claude Code skill: /plugin marketplace add singhharsh1708/scrollcraft.
Alternatives in AI
- Manifest — Real-time cost observability for OpenClaw agents — track tokens, costs, messages, and model usage 4.1k ★
- Geo SEO Claude — GEO-first SEO skill for Claude Code 3.6k ★
- Chat Ollama — ChatOllama is an open source agentic app for running AI agents across local and hosted models 3.5k ★
README
✦ ScrollCraft
**Ready-made cinematic scroll websites — no code, pure HTML.**
Pick a template, change the words, and export a production‑ready HTML/CSS/JS ZIP you can deploy anywhere. The editor, publishing and ZIP export are free, along with 13 of the 21 templates. The other 8 are bought once, outright.
[Live demo](https://scrollcraft-gilt.vercel.app) · [Report a bug](https://github.com/singhharsh1708/scrollcraft/issues) · [Request a feature](https://github.com/singhharsh1708/scrollcraft/issues)
What is ScrollCraft?
Apple‑style scroll animations (where the page scrubs through a sequence of frames as you scroll) are gorgeous — and historically expensive. You either hire a studio, learn WebGL, or ship a heavy JavaScript framework that tanks your Lighthouse score.
ScrollCraft removes all of that. You:
- Pick a template — a finished scroll site with its own palette, typography, pacing and copy. Or upload your own video.
- Get frames — the engine renders a sequence of canvas frames mapped to scroll position, in your browser.
- Edit visually — change sections, copy, CTAs, audio and custom CSS.
- Publish — one click gives the site a hosted link at
/s/your-siteyou can send to anyone. No hosting account, no build step. - Or export — download a self‑contained ZIP (
index.html, frames, audio). No runtime dependencies, deploys to any static host in under a minute.
Features
- 🎨 Generated scroll frames — pick a style (gradient, geometric, particles, wave) and a palette; the frame sequence is rendered in-browser on canvas, no API key required.
- 🎬 Scroll‑linked animation engine — smooth canvas scrubbing, desktop + mobile frame sets.
- 🧩 Template library — 21 finished scroll sites across 11 categories, free on every plan, each with its own Google Fonts pairing and palette.
- 🌐 One‑click publish — every site gets a hosted link at
/s/your-site; the background is regenerated in the v
Related Skills
Design Skill AI
scrollcraft builds premium scroll-driven websites and holds them to a real design standard: eight mutually exc
Klaudimero
Self-hosted AI assistant service and native iOS/macOS app powered by Claude Code — streaming chat, scheduled j
Haazel Plugin
Cinematic website builder plugin for Claude Code. Domain analysis, GSAP modules, Sanity CMS, FAL.ai image/vide
Wayd
The coffee break for programmers using AI coding agents. 30 seconds to post a vibe, scroll a random feed of de
Embedded
Set up Prismatic embedding — marketplace, workflow builder, or custom UI — in your web application
Pro Workflow
1,400+ Battle-tested Claude Code workflows from power users. Self-correcting memory, parallel worktrees, wrap-
Related Agents
Robynn Cmo
Robynn's CMO and marketing assistant. Use for marketing strategy, website intelligence, SEO, GEO, brand-book w
Web Builder
Builds and ships marketing websites, landing pages and brochure sites on Next.js App Router and Vercel. Use fo
Flask Route Builder
Use this agent to add, modify, or debug Flask routes in app.py. It knows the dev/prod port handoff (port comes