SuperAPI AI Directory
Partner with us中文AI newsFavorites
Skillsbaseline-ui

baseline-ui

Design & creation

View repository

Updated 10-16 03:43

About this skill

baseline-ui

Catalogue stub — full skill: ibelick/ui-skills

Decision tree

Run this before any baseline UI validation work:

  1. Is the full skill already installed? Check: ~/.design-agent-skills/skills/baseline-ui/SKILL.md exists AND does NOT contain a das: block.

    • Yes → invoke baseline-ui and proceed
    • No → go to step 2

  2. Do you have shell access?

    • Yes → run the install command below, then invoke the skill
    • No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

npx skills add ibelick/ui-skills --skill baseline-ui

Or per-agent:

  • Claude Code: claude skills add ibelick/ui-skills
  • Cursor/OpenCode: npx skills add ibelick/ui-skills --skill baseline-ui

Invoke after install

  • Skill name: baseline-ui
  • Trigger phrases: "baseline UI", "animation validation", "typography scale", "Tailwind anti-patterns"

What it does

Validates animation durations against design system standards, enforces typography scale consistency, and checks component accessibility. Prevents common layout anti-patterns in Tailwind CSS to keep UI output consistent and production-ready.