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".

内容更新日:

GitHub で見る
npx skills add mblode/agent-skills --skill ui-design
202スター18フォークリポジトリの最終プッシュ

このスキルについて

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".

おすすめする理由

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

役立つこと

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

使う前に

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

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。