scroll-craft

A Claude Code skill for building high-quality scroll-driven websites.

Agent SkillDesignOpen source

Type: Agent Skill
Open source: Yes
GitHub Stars: ★ 1.1k
Source: skill-github
Repository: github.com/nateherkai/scroll-craft

Overview

scroll-craft is a Claude Code skill designed for creating premium, scroll-driven websites while ensuring adherence to real-world design standards. It treats scrolling as a timeline and validates designs based on actual design principles. Through unique page syntax and navigation models, it ensures each build is distinct. Ideal for users requiring unique and high-quality web designs.

Capabilities

▪Scroll as timeline
▪Eight mutually exclusive page syntaxes
▪Unique interactions per build
▪Emotional curve design
▪Strict typographic rules
▪Color roles and rhythm spacing

Use cases

Creating distinctive scroll-driven websitesEnsuring web designs meet high standardsGenerating diverse page layoutsImplementing complex interactive effects

Setup

Requires: API KeyNode 环境

/plugin marketplace add nateherkai/scroll-craft; /plugin install nateherk-design; If prompted with 'Run /reload-plugins to activate.', then run /reload-plugins.

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.

FAQ

How do I install scroll-craft?

Use the commands '/plugin marketplace add nateherkai/scroll-craft' and '/plugin install nateherk-design'.

What page syntaxes does scroll-craft support?

Supports eight mutually exclusive page syntaxes, such as film single-shot and chapter editing.

How does scroll-craft ensure design quality?

Through predefined typographic rules, color roles, and strict validation mechanisms.

Related skills

video-shotcraft

AI video skill for creating cinematic product promotional videos.

Agent SkillAI 视频动态设计

manim_skill

An Agent skill for creating 3Blue1Brown-style animations with Manim.

Agent Skill

drawio-skill

Generate draw.io diagrams from natural language, supporting multiple presets and export formats.

Agent Skill

sprite-gen

Generate clean 2D game sprites and animation atlases.

Agent Skill

logo-generator-skill

Professional SVG logo generator with multiple design variants and presentation backgrounds.

Agent Skill

claude-skill-aso-appstore-screenshots

Generate high-quality App Store screenshots to boost app download rates.

Agent Skill