MalinandClaude Sonnet 5
65c01ddb43
Anti-AI-slop design skill (greenfield pages, audits, redesigns, design extraction from URLs/screenshots) -- installed and validated in an earlier session, was sitting untracked. Full reference library: components, macrostructures, themes, genres, verbs (audit/redesign). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
1.4 KiB
16 · Feature Stack
Sticky left pane (label / description) + scroll-synced right pane (screenshots cycling through related details). Cinematic pacing.
- Heading: held inside the sticky pane; persists while content cycles beside it.
- Body: two columns — left sticky, right scrolling; the right pane plays through 3–6 detail screens per section.
- Divider: section bands; the sticky pane re-anchors per section.
- Button: in the sticky pane, set when the user reaches the section's detail count.
- Image: the scrolling-right column is mostly imagery.
- Reveal: none of the spatial-fade kind; the sticky/scroll IS the motion.
Reach for it for premium products, complex feature stories, anything where you want to control pacing as the user scrolls.
Avoid on mobile-first audiences without strong fallback. Sticky+scroll-sync is rough on small screens.
Reference: Apple product pages, some Stripe Sessions pages, Read.cv onboarding.
Sample opening lines (imitate the specificity — Feature Stack openings pin a single statement and then walk the user through):
"Plan, build, ship." — three verbs, three sticky panes "Read anything that emits lines." — Streampipe (test 02) — names what's possible, then walks through it "From stdin, through the pipe, into your dashboard." — names the data path, then explains each step