Communitygithub.com

mrslbt/jp-web-design-guardrails

Claude Codeスキル。日本語対応のWebインターフェースを正しいCJKタイポグラフィ、フォームデザイン、UXコピー、アクセシビリティ、プロダクションCSSで構築するためのガードレール。

jp-web-design-guardrails とは?

このスキルは、Claude Codeが日本語対応のWebインターフェースを構築する際に、適切なCJK(中国語・日本語・韓国語)タイポグラフィ、フォームデザイン、UXコピー、アクセシビリティ、およびプロダクション品質のCSSを適用するためのガードレールを提供します。開発者が日本語ユーザー向けのWebアプリケーションを開発する際に、よくあるタイポグラフィのミス(例:英語フォールバックフォントの誤った設定や行間の不足)や、フォーム内での日本語テキストの扱い(例:入力フィールドのサイズ、エラーメッセージの表現)、そしてアクセシビリティ要件(例:適切なaltテキストやフォーカス順序)を自動的にチェックし、修正を提案します。このスキルはClaude Code上で動作し、開発者がコードを記述する際にリアルタイムでフィードバックを提供することで、日本語UIの品質を向上させます。結果として、グローバル市場向けのWebアプリケーションにおいて、日本語ユーザーにとって使いやすく、文化的に適切なインターフェースを迅速に構築できるようになります。

対応✓Claude Code~Codex CLI~Cursor
npx skills add mrslbt/jp-web-design-guardrails

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

jp-web-design-guardrails は何をしますか?

Claude Codeスキル。日本語対応のWebインターフェースを正しいCJKタイポグラフィ、フォームデザイン、UXコピー、アクセシビリティ、プロダクションCSSで構築するためのガードレール。

関連スキル