What problem does it solve?
Designing a creative-studio or portfolio website often results in generic card grids and inconsistent motion. This Skill provides a structured playbook for building portfolio pages as a sequence of distinct editorial chapters where project work leads the story, with concrete layout, typography, motion, and accessibility rules.
Core Features & Use Cases
- Chapter-Based Page Composition: Defines a narrative structure from campaign hero through color-coded project chapters, oversized service typography, and a decisive contact finale.
- Signature Interaction Patterns: Specifies editorial project panel reveals, oversized service handoffs, and motion defaults with exact timing values (160–220ms feedback, 500–760ms entrances).
- Worked Interaction Prompt Pack: Includes a 12-pattern reference (loaders, pinned chapters, marquees, sticky stacks, magnetic CTAs) extracted from a real GSAP/ScrollTrigger portfolio.
- Use Case: Ask your agent to build an original studio portfolio where each case study reads like a magazine cover, with restrained hover states, reduced-motion fallbacks, and no copied source content.
Quick Start
Use $editorial-portfolio-chapters to create an original responsive creative-studio portfolio where the work leads, each project feels like an editorial chapter, and a decisive contact section completes the story.
