skills.rest
dkast
dkastCOMMUNITY
Explore all skills by this author →
Website𝕏@dkastGitHub

baseline-ui

Enforce an opinionated UI baseline with Tailwind defaults and accessible primitives.

27|11|Updated Mar 18, 2022
Search Tags:#consistency#accessibility#tailwind#frontend-design#component-architecture#ui-guidelines#baseline-ui
One-click install
npx skills add https://github.com/dkast/biztro --skill baseline-ui-dkast
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: baseline-ui
Source: https://github.com/dkast/biztro/tree/main/.github/skills/baseline-ui
Command: npx skills add https://github.com/dkast/biztro --skill baseline-ui-dkast

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enforces an opinionated UI baseline to prevent AI-generated interface slop, ensuring consistency and accessibility across the product.

Core Features & Use Cases

  • Establishes a reusable UI baseline for components, typography, spacing, and interactions.
  • Guides designers and developers to adhere to Tailwind defaults, accessible primitives, and a consistent visual language.
  • Use case: when onboarding new UI work, apply baseline UI rules to quickly align across teams and reduce design drift.

Quick Start

Review the current UI against the baseline and identify deviations from the defined constraints.

Frequently Asked Questions about baseline-ui

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

FAQPage Schema
How do I prevent AI-generated UI slop in frontend components?▼

To prevent AI-generated UI slop, apply an opinionated UI baseline that enforces Tailwind defaults, accessible primitives, and standardized class logic for consistent component architecture and typography.

What is a UI baseline and when do I need it for component design?▼

A UI baseline is a set of standardized rules for spacing, typography, and interaction patterns. You need it when onboarding new UI work to align teams and reduce design drift across frontend projects.

How do I establish consistent frontend design guidelines using Tailwind defaults?▼

Establish consistent frontend design guidelines by enforcing adherence to Tailwind defaults alongside accessible primitives, ensuring a reusable visual language for components, layout, and motion.

Can I use baseline-ui rules to standardize spacing and typography across teams?▼

Yes, you can use baseline-ui rules to standardize spacing and typography across teams by reviewing current UI against defined constraints and identifying deviations from the established accessible primitives.

Does baseline-ui require specific dependencies to enforce accessible UI primitives?▼

Baseline-ui does not require specific external dependencies to enforce accessible UI primitives; it applies opinionated constraints directly to UI design and frontend implementation tasks using Tailwind defaults.

Why does my AI-generated interface lack consistency in interaction patterns?▼

Your AI-generated interface lacks consistency because it deviates from a defined UI baseline. Applying standardized rules for motion, layout, and interaction patterns curbs this slop and ensures accessibility.

Related Skills

Explore More Design & Creative Skills→
kmshihab7878kmshihab7878
6

baseline-ui

Validate Tailwind CSS UI components for motion, typography, accessibility, and layout rules.

Community
Advanced
pradyumnasagarpradyumnasagar
6

roadmap-author

Guide authors through creating and validating ORS SKILL.md files.

Community
Intermediate
ihj04982ihj04982

tailwind-css-patterns

Guide Tailwind CSS utility-first styling with responsive and component patterns.

Community
Intermediate
agentset-aiagentset-ai
2.0k

baseline-ui

Enforce Tailwind CSS defaults and accessible primitives for consistent UI.

Official
Basic