Works with the AI tools you already use
Nex Design System Leadpulse
by Nex AI
A focused dark-first SaaS design system with typography rules, Tailwind tokens, and 12 high-end components.
Free
See it in action
You say
I'm starting a new Next.js 14 dashboard. Apply the LeadPulse design system to the project.
Your agent does
I've generated the design-system/ directory with:
tokens.css: Dark-first variables (Mint #4EE8E8, Lavender #B47AFF).tailwind.preset.ts: Custom utility mapping.- 12 components in
components/ui/. - A preview gallery at
/design-system. Next step: Add the preset to your config.
About this skill
Modern SaaS Aesthetic Ready to Deploy
The LeadPulse Design System skill transforms generic web projects into high-end, dark-first SaaS interfaces. Instead of the "default" look shared by thousands of apps, it implements a specific, opinionated aesthetic built on a foundation of precision typography and a curated color palette.
What it does
At a high level, this skill automates the generation and integration of a professional design system into your codebase. It produces a complete directory structure including:
- Design Tokens: CSS custom properties for colors, spacing, and elevation.
- Tailwind Integration: A custom preset that maps tokens to utility classes like
bg-mintandshadow-glow. - Component Library: 12 core shadcn-style components (Button, Card, Modal, etc.) pre-styled with LeadPulse logic.
- Interactive Preview: A Storybook-style gallery page to visualize all components and variants instantly.
Supported Tools & Frameworks
Developed for modern frontend workflows, it provides native support for Next.js 14+ (App Router), Vite, Preact, and Astro. Whether you are starting a fresh project or migrating away from standard shadcn defaults, this skill handles the heavy lifting of token mapping and font self-hosting setup.
Why use this skill?
Manually configuring a design system—handling font loading, setting up a consistent 8-point spacing grid, and ensuring WCAG AA contrast compliance—takes hours of tedious work. This skill executes that entire process in seconds, ensuring your UI remains disciplined, cohesive, and visually striking.
Built by Nex AI. More skills and info at nex-ai.be and slopsome.com.
How to install
Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
Free forever
No account required to browse
Trust & safety
Security scanned
Verified clean 9 days ago
- Free forever, no account required
Creator
Founder of Nex AI. I build production-grade Claude Skills from systems that actually run: multi-tenant SaaS, Telegram agents, Raspberry Pi infrastructure, 3D multiplayer rooms. Every skill ships battle-tested patterns, not theory. 33+ open source skills published, commercial catalog growing.
Frequently Asked Questions
Popular in Frontend & Design
Award Winning Design: Turn Claude Into a World Class Designer
v2 of Design Philosophy — a senior-designer brain for your agent. Industry-specific, award-caliber UI plus six pro UX reasoning modules. Same prompt, radically better design.
Solo SaaS Architect
Automatically builds complete, launch-ready SaaS websites, databases, and secure user dashboards, with security audits at each step.
Design System MD — Brand-Quality UI via DESIGN.md
Apply world-class design systems to any UI project in one step using getdesign.md CLI
Frontend Design — Production-Grade UI with Distinctive Aesthetics
Create visually striking UI beyond generic AI design: brutalist, minimal, editorial, retro-futuristic