Kill Theai look.

Transform your coding assistant into an elite Art Director. Enforce strict UI laws & Awwwards-level aesthetics.

View on GitHub
NPMnpx @netxeo/design-skill

Anatomy of the
Autonomous Director.

Core Architecture & Philosophy

01

The Friction Engine.

AI produces generic, predictable 'safe' designs. The Friction Engine deliberately introduces aesthetic tension, asymmetrical layouts, and unexpected type pairings to break the algorithm and create human-like artistic intent.

02

250 Anti-AI Laws.

A hardcoded, impenetrable firewall against AI tells. No more 3-column bento grids, no more centered hero sections with sparkle pills, and no more 'plastic' rim-lit 3D renders. Every generated line of code passes through the protocol.

03

Awwwards-Level Polish.

Built-in integration rules for WebGL (React Three Fiber), GSAP ScrollTrigger, and Framer Motion. The skill refuses to deploy static pages, enforcing physics-based haptics, parallax, and buttery smooth native scroll.

Stop building interfaces.
start building
emotional architecture.

Protocol 00-Anti-AI

The CLI
Experience.

The skill acts as an uncompromising senior Art Director operating directly in your terminal. It pauses the generation, demands real visual assets, and enforces 250 anti-AI layout rules before allowing you to deploy.

Zero-Config Setup
npx @netxeo/design-skill
Initializing Autonomous Art Director...
Analyzing Tech Stack
Detected Next.js + GSAP + Tailwind CSS
Injecting Friction Engine
Applying Asymmetrical Layouts & Brutalist Typography
Generating 3D Assets
Waiting for Midjourney/Human Validation... [SECURE]

The Gallery.

Strictly adhering to Protocol 101. Interactive motion accordion bypassing traditional grids.

DEPLOY THE SKILLKILL THE AI LOOKDEPLOY THE SKILLKILL THE AI LOOKDEPLOY THE SKILLKILL THE AI LOOK

Ready to upgrade
your coding assistant?

Start generating Awwwards-level frontend code in 5 seconds.