Enforce context-aware design taste rules for Stacks frontend output.
npx skills add https://github.com/stacksjs/status --skill stacks-design-taste
Please help me install this Agent Skill. Skill: stacks-design-taste Source: https://github.com/stacksjs/status/tree/main/.claude/skills/stacks-design-taste Command: npx skills add https://github.com/stacksjs/status --skill stacks-design-taste
LLM-generated frontend for Stacks applications often defaults to generic, templated "AI slop" — overused clichés like purple gradients, default Inter font, identical 3-column feature cards, and centered heroes that make every project look indistinguishable. This Skill eliminates that problem by enforcing context-aware design taste rules tailored to the Stacks stack, ensuring output matches the project's unique brief, audience, and brand instead of falling back to lazy defaults.
Use the stacks-design-taste skill to build a non-templated landing page for my Stacks open-source monitoring tool targeting technical engineering teams with a clean, dark tech aesthetic.
High-intent search queries and answers about installing and using this skill.
To prevent generic AI slop in Stacks apps, enforce context-aware design taste rules that ban overused clichés like purple gradients and default Inter fonts. This ensures frontend output aligns with project briefs and audience needs using Stacks UI components.
Building a non-templated Stacks landing page requires reading project context like audience and vibe words before writing code. You then apply configurable design dials for variance and motion intensity using stx templates and Crosswind utilities.
The stacks-design-taste skill does not work with external design systems or JSX. It enforces a Stacks-only stack requirement, mandating native tooling like stx templates, Crosswind utilities, and Stacks UI components to maintain strict design guardrails.
Pre-flight guardrails for Stacks frontend design are mandatory checks that ban common AI design clichés, enforce accessibility standards, and ensure layout consistency. They prevent issues like wrapped CTAs, repeated section layouts, and overused serif fonts.
You can configure visual density and motion intensity for Stacks UI components using configurable design dials. These dials tune variance and aesthetic intensity to match project needs, ranging from minimalist B2B SaaS to experimental agency portfolios.
LLM-generated Stacks frontends look identical because models default to lazy templated AI slop like identical 3-column feature cards and centered heroes. Enforcing context-aware brief inference and strict design taste rules eliminates this generic output.
pawbytesGenerate brand assets and promotional flyers from briefs with multi-format export.
bughqDevelop reactive accessible Stacks UI components with Crosswind CSS.
bughqEnforce Stacks UI, Crosswind, and CSS design standards for interfaces.
Badar-e-AlamCreate distinctive frontend visual designs with a two-pass planning process.
