excrtx-quality-taste

Routes visual output generation to specialized sub-skills and validates rendered UI against anti-slop quality gates.

1|Updated May 26, 2026
One-click install
npx skills add https://github.com/elderbernardi/exocortex.saas --skill excrtx-quality-taste-elderbernardi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excrtx-quality-taste
Source: https://github.com/elderbernardi/exocortex.saas/tree/main/skills/excrtx-quality-taste
Command: npx skills add https://github.com/elderbernardi/exocortex.saas --skill excrtx-quality-taste-elderbernardi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve? LLM-generated interfaces, dashboards, and brand assets tend to fall back on generic statistical defaults: repetitive layouts, placeholder sections, weak contrast, and decorative charts. This Skill acts as a visual quality gate that routes each visual task to the correct sub-skill and enforces pre-flight checks before delivery. ## Core Features & Use Cases - Auto-Routing Between Sub-Skills: Selects gpt-taste for premium landing pages and UI, brutalist for data-heavy dashboards, and brandkit for visual identity and branding work. - Anti-Slop Quality Gates: Rejects headings over 3 lines, gapped grids, generic meta-labels, low-contrast buttons, and repetitive layouts before any visual output is delivered. - Specialized Reference Gates: Includes depth gates for campaign landings, education course portfolios, editorial book covers, public campaign pages, and Stitch-generated screen verification. - Design System Integration: Resolves design tokens from excrtx-quality-designsys before generation and ships ready-to-use brutalist HTML report templates (dark and light variants). - Use Case: When asked to build a server monitoring dashboard in HTML/CSS, the Skill routes to the brutalist sub-skill, applies Swiss typography and high-contrast tokens, renders the result, and verifies it against the checklist before delivery. ## Quick Start Ask the agent to design a landing page, dashboard, brand board, or report in HTML/CSS and it will automatically route to the right visual sub-skill and run the quality gate.

Frequently Asked Questions about excrtx-quality-taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a premium landing page with HTML and CSS?▼

Activate the gpt-taste sub-skill, which requires a design plan with AIDA structure, a randomized layout seed, a gapless bento grid, and GSAP motion before writing code. Hero headlines must fit in 2-3 lines and generic meta-labels are rejected.

What visual style should I use for dashboards and data-heavy interfaces?▼

Use the brutalist sub-skill for dashboards, KPIs, and monitoring screens. It applies Swiss typography, tabular numerals, high contrast, dense grids, and mechanical visual language instead of generic SaaS card layouts.

How does the skill choose between gpt-taste, brutalist, and brandkit?▼

Routing is context-based: data and metrics output goes to brutalist, identity and branding output goes to brandkit, and landing pages, products, or UI go to gpt-taste. Book covers and editorial packaging trigger a dedicated editorial pre-flight gate.

Can I use this for brand identity and logo design?▼

Yes, the brandkit sub-skill covers logo concepts, color systems with usage ratios, typography roles, and brand board deliverables. It requires 2-4 logo directions with rationale and rejects generic category symbols and default AI gradient palettes.

Why are full-page screenshots not accepted as visual verification?▼

Full-page screenshots can misplace sticky or fixed elements and capture content before scroll-triggered reveals fire. The gates require real viewport captures at explicit desktop and mobile dimensions after actual scrolling.

When should this visual quality gate not be used?▼

Do not activate it for prose-only, data-only, or code-only tasks without a visual surface. It is designed for interfaces, landings, dashboards, identities, campaign pieces, and editorial covers that produce rendered visual output.