crpxiii-dAi for Visual Studio Code

Autonomous AI Website Humanizer & Design Intelligence Engine

crpxiii-dAi brings deterministic design intelligence directly into your VS Code workspace. It statically inspects React websites (developed via AI tools such as Lovable, Bolt, v0, Cursor, Replit, Antigravity, or handwritten) and surfaces design system debt before code reaches production.

Features

• Objective Design Quality Index (DQI): Real-time 0–100 score evaluating Typography, Visual Consistency, Layout & Spacing, Color Systems, Component Quality, Responsive Design, and Accessibility.
• Local-First & Offline: Runs 100% locally on your machine. Zero network requests, zero external API keys, zero telemetry.
• Context-Aware Design Profiles: Evaluates visual decisions against your chosen design aesthetic:
  • Editorial: High typography contrast, generous whitespace, minimal decoration.
  • Swiss: Rational modular grid, objective hierarchy, consistent spacing.
  • Enterprise: Information density, robust components, strict WCAG AA contrast.
  • Brutalist: Raw visual framing, bold geometric borders, deliberate asymmetric breaks.
• Editor Integration: Inline problem markers in the Problems panel and hierarchical findings navigation in the sidebar.

Available Commands

Access these commands from the Command Palette (Ctrl+Shift+P / Cmd+Shift+P):

• crpxiii-dAi: Analyze Website: Scans your workspace and calculates your website's DQI and detailed findings.
• crpxiii-dAi: Scan Project: Fast discovery of component files, stylesheets, and styling systems.
• crpxiii-dAi: Select Design Profile: Switch between Editorial, Swiss, Enterprise, and Brutalist profiles.
• crpxiii-dAi: Generate Report: Exports an audit report JSON into your workspace.
• crpxiii-dAi: Fix Selected Issues: Prepare guided transformations for detected issues.
• crpxiii-dAi: Auto Humanize Website: Run autonomous design refinement pipeline.
• crpxiii-dAi: Preview Changes: View proposed transformations before applying.
• crpxiii-dAi: Undo Last Refactoring: Revert the last design transformation.

Extension Settings

This extension contributes the following settings:

• crpxiii-dai.profile: Active design profile (editorial, swiss, enterprise, brutalist). Defaults to enterprise.
• crpxiii-dai.autoDiagnostics: Automatically publish findings to the VS Code Problems panel. Defaults to true.

Privacy & Security

• Strictly Local: All parsing, AST traversal, and rule execution happens in-memory on your machine.
• Secret Redaction: .env files, private keys, and credential patterns are never parsed or included in reports.

License

MIT © crpxiii-dAi contributors.