web-interface-design

SKILL.md

Design exists to separate the primary from the secondary. Users should instantly recognize what matters. Good interface design is invisible—users accomplish goals without noticing the interface.

This skill orchestrates domain-specific reference files. Read only what you need for the task.

| Font sizes, line spacing, heading hierarchy, vertical rhythm | references/typography.md | | Input fields, validation, checkboxes, radios, selects, textareas | references/forms-and-inputs.md | | Button hierarchy, sizing, states, CTAs, ghost buttons | references/buttons.md |

Web UI の設計またはレビュー、フォーム/ボタン/入力の実装、視覚的な階層の問題の修正、カラー システムの作成、レイアウトの構築、またはインターフェイスが乱雑に感じられる場合、読みにくい場合、またはユーザーが何をクリックすればよいかわからない場合に使用します。 ソース: ratacat/claude-skills。

原文を見る