Define typography, color, motion, and spacing for landing page UI.
npx skills add https://github.com/cerico/macfair --skill creative-design
Please help me install this Agent Skill. Skill: creative-design Source: https://github.com/cerico/macfair/tree/main/files/claude/skills/creative-design Command: npx skills add https://github.com/cerico/macfair --skill creative-design
This skill guides design teams toward distinctive, production-grade frontend interfaces that avoid generic AI aesthetics, focusing on creative one-offs rather than standard app components.
Use the creative-design skill to craft a bold, memorable landing page concept with a neon-on-dark aesthetic for a product launch.
High-intent search queries and answers about installing and using this skill.
To create a distinctive landing page UI, establish a bold tonal direction with specific typography, color, and motion rules. This approach codifies functional requirements into production-ready HTML/CSS/JS or React components that avoid generic aesthetics.
The best way to define typography and color for a marketing campaign is to apply cohesive aesthetic rules that translate into production-ready frontend guidance. This ensures the bold visual direction aligns with branding while remaining memorable.
Yes, you can generate React components for a portfolio site. The approach provides implementation-ready guidance that translates functional design requirements into production-ready React components or standard HTML/CSS/JS.
This design method works specifically for creative one-offs like landing pages, portfolios, campaigns, and demos where bold aesthetics matter. It focuses on distinctive, production-grade frontend interfaces rather than standard app components.
You need to codify motion and spacing rules for a product launch landing page when the project requires a unique, memorable interface. This ensures the bold aesthetic direction translates correctly into production-ready frontend components.
Your landing page design lacks a cohesive aesthetic direction if it lacks codified functional requirements for typography, color, motion, and spacing. Establishing a bold tonal direction prevents generic AI aesthetics and ensures memorable interfaces.
Gull-StackDefine brand foundations, voice, and messaging for cohesive identity.
MohibShaikhCreate production-grade frontend interfaces with distinctive aesthetics across React, Vue, or vanilla HTML/CSS/JS.
glassflowDevelop custom frontend interfaces with distinctive typography, color, and motion.
onzhangGenerate production-grade frontend interfaces with bold aesthetics and accessible HTML/CSS/JS components.
