Designs and builds React/Next/Tailwind UI and audits visual and interaction defects. Use when asked to "build a landing page", "extract our design system", "add dark mode", "make this responsive", "remove UI slop", or "audit this component". For product decisions use product-design; for browser measurements use ui-verification; for motion use ui-animation.
Ask your Agent
Use this Skill: https://skilld.dev/gh/mblode/agent-skills/ui-design
This session only. Nothing lands on disk.
≈68 tokens on demand. Your agent reads this file only when SKILL.md points to it.
Covers: feature grids, benefit lists, product feature sections, and any section listing multiple features with titles and descriptions.
<dl>/<dt>/<dd> for feature sections listing multiple features, not <ul>/<li> or plain <div> groupsSource: SKILL.md on GitHub
A comprehensive UI design and auditing skill that uses standard developer tools and trusted services like Tailwind CSS and placeholder asset APIs to build and verify React/Next.js interfaces. It includes explicit guardrails to prevent instruction following from analyzed project files.
No alerts
Risk: LOW · No issues
4/5 files flagged
Score: 93/100 · 2 sections analyzed
Signed by skilld at e7db33d. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.
Last checked against GitHub 24 minutes ago.