Distinctive frontends with deliberate typography and motion.
What it does
Shapes marketing-page code with intentional typography, spacing, motion, and constraints against generic designs.
When to use it
Use this version when a project needs exact backward compatibility with the original skill's behavior.
How to use it
It changes how the agent implements frontend code by applying design, architecture, styling, and interaction conventions.
What you provide
- An existing project
What you need · 3
The default implementation uses React, directly or through Next.js, unless the user specifies a different stack.
The default styling policy uses Tailwind CSS v3 or v4 and requires checking the project's installed version.
Requires Framer Motion for layout transitions and for magnetic hover animations when motion intensity exceeds five.
Access · 0
No additional actions listed.