Design Skill Ai
Description
scrollcraft builds premium scroll-driven websites and holds them to a real design standard: eight mutually exclusive page grammars, a required signature move per build, a fingerprint gate so no two of your sites share a skeleton, and a headless-browser verification pass. The catch was packaging: it shipped as a Claude Code plugin only
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
scrollcraft-anywhere
**The [scrollcraft](https://github.com/nateherkai/scroll-craft) skill, usable from every coding agent — not just Claude Code.**
scrollcraft builds premium scroll-driven websites and holds them to a real design standard: eight mutually exclusive page grammars, a required signature move per build, a fingerprint gate so no two of your sites share a skeleton, and a headless-browser verification pass. The catch was packaging: it shipped as a Claude Code plugin only.
This repo fixes that. One vendored copy of the full skill lives in `.scrollcraft/` inside your project; the installer drops a small adapter file for **each agent it detects**, and every adapter says the same thing: *before building any scroll-driven or marketing-grade page, read `.scrollcraft/SKILL.md` and follow it end to end.*
Supported agents
| Agent | What gets installed | How it loads |
|---|---|---|
| Claude Code | .claude/skills/scrollcraft/ (native skill, full copy) |
automatic |
| Cursor | .cursor/rules/scrollcraft.mdc |
agent-decided rule |
| Windsurf | .windsurf/rules/scrollcraft.md |
model-decided rule |
| Codex & any AGENTS.md reader | section appended to AGENTS.md |
always in context |
| GitHub Copilot | section appended to .github/copilot-instructions.md |
always in context |
| Gemini CLI | section appended to GEMINI.md |
always in context |
| opencode | .opencode/agent/scrollcraft.md (subagent) |
on request |
| Aider | section appended to CONVENTIONS.md |
run with --read CONVENTIONS.md |
| Cline | .clinerules/scrollcraft.md |
always in context |
| Roo Code | .roo/rules/scrollcraft.md |
always in context |
Anything not listed that reads `AGENTS.md` picks up the codex adapter for free.
Install
# inside your web project
node /path/to/scrollcraft-anywhere/install.mjsThe installer scans for agent config markers (`.claude/`, `.cursor/`, `AGENTS.md`, `GEMINI.md`, `.windsurf/`, `.opencode/`, `.clinerules/`, ...), copies the
Related Skills
Agency Agents
A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy inject
Awesome Llm Apps
100+ AI Agents, Agent Skills and RAG Apps - Free and Open Source.
Firecrawl
🔥 The API to search, scrape, and interact with the web for AI
Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
Headroom
Compress tool outputs, logs, files, and RAG chunks before they reach the LLM. 20% fewer tokens for coding agen
CrewAI
Framework for orchestrating role-playing, autonomous AI agents. By fostering collaborative intelligence, CrewA
