- Add assets/motion.min.js (local fallback for offline demos)
- template.html: embed loader with local + CDN fallback chain,
5 recipes (cascade / hero / quote / directional / pipeline)
- layouts.md: add data-anim markers to all 10 layouts,
data-animate on pipeline / quote / directional layouts,
Pre-flight section E documenting recipe decision tree
- components.md: add Motion 动效系统 chapter with loader,
data attributes, recipes table, decision tree, FAQ
- checklist.md: add P1 entries 9b/9c and a 动效 self-check block
- SKILL.md: document animations in features list,
resource tree, and loading order hints
Pipeline pages use manual advance: → / space / wheel-down light
up steps one by one; final → advances to next slide.
- Add overflow:hidden to .frame to prevent content bleeding into .foot
- Reduce .grid-4 .stat-card .stat-nb from 7.5vw to 5vw for pages with title+lead above the grid
Co-authored-by: OthmanAdi
- Update skill name in SKILL.md frontmatter and directory diagrams
- Update components.md skill reference
- Add `npx skills add` one-liner as the recommended install method
- Fix install paths to match the renamed directory
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
The hint text mentions 'ESC 索引' but the keyboard handler only
supports arrow keys, Home/End. This adds the missing overview:
- ESC toggles a 4-column thumbnail grid overlay
- Each slide is cloned and scaled down as a preview
- Current slide gets a highlighted border
- Clicking a thumbnail navigates to that slide
- Arrow/scroll keys are blocked while overview is open
- Uses existing CSS variables (--ink-rgb, --paper-rgb, --mono)
for consistent theming
Users can copy-paste the prompt to Claude Code / Cursor / any agent
with shell access, and the agent will handle mkdir + clone + verify.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
郭浩