Claude Code · Codex

UI・ビジュアルデザインスキル

Claude Code と Codex 向けのスキルで、レイアウト、書体、配色、エラーメッセージを改善し、デザインシステムに沿った UI を作ります。

3 件のスキル

デザインシステムに基づく UI 実装

design-system-as-input-ui

AI が画面ごとに違う青を発明するのを止める。毎回ピクセルを説明する代わりに、デザインシステムをトークン契約として渡す。

error-message-writing

何が起きたか、なぜか、どう直すかに答えるエラーメッセージを書く。避けるべき四つのアンチパターンと九項目のチェックつき。

visual-design-principles

グループ化、整列、反復、コントラスト、書体、配色を UI、ポスター、スライド、文書に適用し、実際の仕上がりを確認して階層とレイアウトを改善する。