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.
≈87 tokens on demand. Your agent reads this file only when SKILL.md points to it.
Covers: login, sign-in, sign-up, authentication, password reset, and account access pages.
bg-gray-50, bg-gray-100, bg-slate-50) on login/sign-in pages: use solid white (bg-white) or dark (bg-gray-900, bg-gray-950, bg-black), unless the form is in a distinct panel or cardSource: 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 3 hours ago.