ClaudeMap

scroll-craft

An agent skill for building premium scroll-driven websites — design standard, engine, and verification tools in one package.

Skills & Commandsskilldesignwebscroll-animationsplugin
Visit projectnateherkai/scroll-craft

scroll-craft packages a complete design standard for scroll-driven marketing sites into a single agent skill: layered depth planes, pointer response, and scroll transitions are planned as one job, with the skill shipping the workflow, references, engine, and verification tools. Version 0.3.0 adds the process behind ten approved production sites. Installs as a Claude Code plugin (marketplace nateherkai/scroll-craft) or as a plain skill folder for Codex and other agents.

What it does

  • Treats interaction and craft as one job: depth planes, contact anchors, and opening/midpoint/exit states planned together
  • Ships the design workflow, references, engine, and verification tools — not just a prompt
  • Version 0.3.0 encodes the process behind ten approved production websites
  • Ships as a Claude Code plugin and as a portable skill folder for Codex and other agents

When to use it

Best when a marketing or product site needs to feel hand-crafted — immersive heroes, scroll-driven storytelling — while staying readable and fast on real phones.

Getting started

/plugin marketplace add nateherkai/scroll-craft
/plugin install nateherk-design
# invoke: /nateherk-design:scroll-craft

# Codex and other agents: copy plugins/nateherk-design/skills/scroll-craft/ into the agent's skill directory

Things to know

Scroll-driven pages live or die on real-device performance; the skill's verification tools help, but budget time to test on mid-range phones. The approved-sites standard is the author's taste — treat it as a strong default, not a universal spec.

Repository

nateherkai/scroll-craft

Charted

Related on the map

  • guizang-product-video-skill

    Skill

    Guizang's agent skill turns your repo's recent updates into a finished promo video — real components, code-rendered animation, an original code-written soundtrack — no video editor involved.

    • agent-skill
    • video
    • promo
    • marketing
    View

  • geo-sleuth

    Skill

    An agent skill that geolocates a photo with nothing readable in it — OSM geometry, elevation skylines and satellite tiles turn “where was this taken?” into a measured answer with an error radius.

    • agent-skill
    • geolocation
    • osint
    • openstreetmap
    View

  • Birdview

    Skill

    A skill that makes AI coding agents map the architecture and declare the blast radius before they touch a line of code — rendered as one standalone HTML page.

    • skill
    • architecture
    • code-visualization
    • change-scope
    View