Scrutinix AI
AI-powered tools & SEO solutions to automate workflows
Start new thread

Scrutinix AI System Generator - Instant CSS variables & Tailwind config generator

by•
Scrutinix AI System Generator is a streamlined developer utility designed to eliminate manual design token setup. Enter your project name, brand primary color, and typography preferences to instantly generate production-ready CSS variables (:root) and Tailwind CSS configurations (tailwind.config.js). It also features automated project logging and a clean PDF export option for seamless workflow handoffs.

Add a comment

Replies

Best
Hunter
📌
Hey Product Hunt! 👋 I built Scrutinix AI // System Generator to fix a personal pain point: manually writing CSS variables and configuring Tailwind tokens for every new project was taking up too much setup time. What it does: Generates ready-to-use :root CSS variables and tailwind.config.js setups instantly based on your project name, brand primary color, and typography. Automates project logging for reference. Provides a clean PDF export option for design spec handoffs. It’s lightweight, fast, and built specifically for frontend developers and creators who want to speed up their setup workflow. I’d love to get your feedback and thoughts! What features would you like to see next? 🚀
Hunter

🚀 Major Update (v1.4 is Live!):

We just shipped 3 game-changing features to make design system handoffs even faster:

⚡ Paste Design Spec Link: Fetch tokens directly from any URL in 1-click. 🎨 WCAG Color Contrast Checker: Real-time accessibility compliance testing (AA/AAA pass badge). 🔒 Client Review & Approval Portal: Share live previews with non-technical clients so they can approve or request changes with zero login.

Check out the live tool:

I’d love to hear your feedback or feature requests below! 👇