Create and remediate cinematic, editorial luxury web interfaces as production-grade, self-contained HTML artifacts. Use this skill when a task involves designing an anti-generic landing page from a PRD or brief, OR performing a measurable perceptual audit and surgical color/depth remediation of an existing interface. Triggers include: "luxury landing page", "cinematic hero", "OKLCH palette", "fix flat / low-contrast UI", "depth hierarchy audit", "WCAG remediation", or "make this less generic".
EnglishComprehensive skill for building luxury-grade Next.js applications with Tailwind CSS v4, Radix UI (shadcn), and Framer Motion. Covers CSS-first theming, avant-garde UI design, code review, security audits, and performance optimization for high-end web experiences.
English
AGENT SKILLS ATLASIncludes Cinematic Luxury Design Engineering and Next.js Tailwind V4 Luxe.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Cinematic Luxury Design Engineering
Create and remediate cinematic, editorial luxury web interfaces as production-grade, self-contained HTML artifacts. Use this skill when a task involves designing an anti-generic landing page from a PRD or brief, OR performing a measurable perceptual audit and surgical color/depth remediation of an existing interface. Triggers include: "luxury landing page", "cinematic hero", "OKLCH palette", "fix flat / low-contrast UI", "depth hierarchy audit", "WCAG remediation", or "make this less generic".
Next.js Tailwind V4 Luxe
Comprehensive skill for building luxury-grade Next.js applications with Tailwind CSS v4, Radix UI (shadcn), and Framer Motion. Covers CSS-first theming, avant-garde UI design, code review, security audits, and performance optimization for high-end web experiences.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Cinematic Luxury Design Engineering skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- License details are not provided in these listings. Check the author’s terms before using the skills.