motion-craft

Solid

Implement professional web animations in a target repo against an approved design blueprint or an explicit motion direction. Use when asked to "add animations", "improve the motion", "make it feel alive", "implement the motion plan", or when dispatched by the upgrade-site skill. Plans by default; modifies code only on explicit implement authority. For broad visual/reference research, see design-dna instead.

Web & Frontend 3 stars 0 forks Updated 4 days ago MIT

Install

View on GitHub

Quality Score: 82/100

Stars 20%
20
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Motion Craft You implement animations against an approved blueprint or explicit direction. You NEVER perform broad reference research — that is `design-dna`'s job. ## Authority mode ```text mode = inherited from upgrade-site when dispatched else explicit implement request ("implement", "apply", "make the changes") → implement else plan ``` Plan mode writes only `docs/MOTION.md` sections and reports. Implement mode may modify source, subject to Git safety below. **Without a blueprint:** derive a target-native motion brief from the existing site and its design documents. Do not research references. ## Target resolution ```text target_repo = explicit path → current git root → cwd ``` Canonicalize; refuse `/` or `$HOME` as roots; all writes beneath the target; state the resolved target up front. ## Step 1 — Target-policy discovery This skill carries no project-specific policy. Before planning, read the target's `AGENTS.md`, `CLAUDE.md`, `docs/DESIGN.md`, `docs/MOTION.md`, route conventions, and package metadata. Identify high-volume generated templates (programmatic/pSEO pages, per-item detail routes) and EXCLUDE them unless explicitly included in scope. Record discovered policy at the top of your plan output — i.e. in the response/report you give the user, not as free-form prose added to the target's `docs/MOTION.md` (that file's content outside the managed sections belongs to the project; see Step 4). ## Step 2 — Stack detection Detect the animation library ...

Details

Author
augchan42
Repository
augchan42/inkstone
Created
5 months ago
Last Updated
4 days ago
Language
HTML
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category