Enforce Tailwind defaults and accessible primitives for consistent UI.
npx skills add https://github.com/kimmyxpow/focus --skill baseline-ui-kimmyxpow
Please help me install this Agent Skill. Skill: baseline-ui Source: https://github.com/kimmyxpow/focus/tree/main/.claude/skills/baseline-ui Command: npx skills add https://github.com/kimmyxpow/focus --skill baseline-ui-kimmyxpow
This Skill enforces an opinionated UI baseline to prevent AI-generated interface slop.
Apply the baseline-ui constraints to your UI work by integrating into your design system workflow, for example: baseline-ui apply --project <project-name>.
High-intent search queries and answers about installing and using this skill.
Preventing AI-generated UI slop requires enforcing an opinionated UI baseline that standardizes Tailwind defaults, accessible primitives, and a single source of truth for design tokens, layout rules, and interaction patterns.
The best way to maintain UI consistency is enforcing a single source of truth for design tokens, layout, and interaction rules alongside standardizing accessible primitives to reduce design drift across components and screens.
Standardizing accessibility and keyboard focus handling in frontend design systems involves enforcing accessible primitives and a dependable UI baseline to curb slop, ensuring consistent interaction patterns across all components.
No specific dependencies are required to apply the baseline-ui design system constraints, as the Skill operates independently to enforce Tailwind defaults and accessible primitives without external component libraries.
You integrate baseline constraints by applying them to your design system workflow using commands like 'baseline-ui apply --project <project-name>' to enforce consistent UI patterns across your components and screens.
BenjamindaosonEnforce Tailwind CSS UI baselines for React components and design systems.
raybargasEnforce consistent frontend component structure, naming, styling, and accessibility standards.
Mischio95Define Tailwind CSS design tokens as CSS variables with shadcn/ui wrappers.
vercel-labsValidate animation durations, typography scale, and accessibility in Tailwind CSS projects.
