samdoom-coder

Design Skill AI — AI skill for Claude Code

AI community

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.

How to install Design Skill AI

This entry records only its repository, not the path inside it, so there is no exact command to give. Open samdoom-coder/Design-skill-Ai and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Design Skill AI does

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

Alternatives in AI

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.mjs

The installer scans for agent config markers (`.claude/`, `.cursor/`, `AGENTS.md`, `GEMINI.md`, `.windsurf/`, `.opencode/`, `.clinerules/`, ...), copies the