Alovexo Integration & AI Taste Ingestion
A concise standard operating guide on installing components, injecting negative constraints into Cursor and Claude, and preventing statistical style drift.
The Master AI Brain (.cursorrules / CLAUDE.md)
Large Language Models regress to the mean of their training weights by default. To prevent your AI assistant from generating generic purple gradients and unstyled card soup, place this configuration file in your project root.
# .cursorrules / CLAUDE.md # Strict Anti-Slop Directive by Alovexo You are an expert Frontend Architect specializing in bespoke, production-grade Web Applications. Always follow these non-negotiable aesthetic rules: 1. NEGATIVE CONSTRAINTS: - NEVER use purple, indigo, or radial background glow gradients. - NEVER use rounded-3xl or rounded-full on primary layout containers. - NEVER create card soup: use whitespace and typographical weight for hierarchy. - ABSOLUTELY NO decorative pill badges or left-dotted pills above hero titles. 2. PALETTE TOKENS: - Primary Background: #0c0d12 - Surface Containers: #141721 with 1px border rgba(255, 255, 255, 0.08) - Brand Accent: #ea580c (Electric Orange)
Peer Dependencies Setup
Alovexo components are built on React 19, Next.js 15, Tailwind CSS, and Lucide icons. Execute the following command in your terminal before pasting components into your codebase:
# Install required peer dependencies
$ npm install lucide-react clsx tailwind-merge
Typography Engine & Google Fonts Import
Display authority relies on bold typographic presence. For athletic and high-impact storefronts, ensure the Google Font stylesheet is imported on line 1 of your global styles:
// globals.css (First line)
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Unbounded:wght@400;600;700;800;900&display=swap');
Dynamic Stack Assembly Workflow
When building a project, use our interactive Stack Studio to customize your package:
Select Items
Pick individual components or full template suites from the Gallery.
Customize in Studio
Review files, select your target AI assistants, and inspect dependencies.
Export Bundle
Download a complete .zip bundle or copy tailored AI system rules.
Every Alovexo Lifetime Pass grants an unlimited commercial license. You are permitted to build, deploy, and monetize unlimited client websites, SaaS applications, and personal digital products. You may not re-distribute or re-sell raw source code files as a competing component library.