UI Design

mblode/agent-skills

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data. Use when asked to "build a landing page", "extract our design system", "add dark mode", "make this responsive", "remove UI slop", "audit this component", "stress-test this component", "break this UI", or "show me the worst case".

Latest update at:

View on GitHub
npx skills add mblode/agent-skills --skill ui-design
202Stars18ForksRepository last pushed

About this Skill

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data. Use when asked to "build a landing page", "extract our design system", "add dark mode", "make this responsive", "remove UI slop", "audit this component", "stress-test this component", "break this UI", or "show me the worst case".

Why we picked it

Summarized from the original mblode/agent-skills SKILL.md by mblode; the original upstream instructions were used.

What it helps with

  • Use this workflow when the task matches the original UI Design instructions.

Before you use it

  • Read the original SKILL.md and referenced files in mblode/agent-skills.

Sources & references

Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.