チームが社内の視点で機能をレビューすると、ユーザビリティ上の問題を見落とすことがあります。このスキルは、Aftrac と Sirius の顧客視点を用いたペルソナベースのテストをガイドします。

チームには、ユーザーがサービス内をどのように進むかを明確に把握する必要があります。このスキルは、アクション、感情、ペインポイント、機会を明らかにする構造化されたジャーニーマップを作成します。

アクセシビリティの欠陥はユーザーの利用を妨げ、コンプライアンス上のリスクを生む可能性があります。このスキルはインターフェースをWCAG 2.1に照らしてレビューし、優先順位付きの修正案を返します。

スクリーンショットからの手作業によるデザイン引き継ぎは時間がかかり、一貫性にも欠けます。このスキルは、トークン、コンポーネント、レイアウト、アクセシビリティメモを構造化されたデザイン仕様ファイルに抽出します。

Existing projects often lack a clear record of their interface decisions. This skill extracts design tokens and current UX structure into practical documentation for future UI work.

Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.

汎用的なタイポグラフィは、プロダクトを未完成に見せてしまうことがあります。このスキルは、Claude、Codex、Claude Code がより優れたフォント、組み合わせ、ウェイト、サイズのコントラストを選べるよう支援します。

コンポーネントが生のCSSカラー値を使用すると、チームの一貫性が失われます。このスキルは、Claude、Codex、Claude CodeがMUIテーマカラーを使用するように導きます。

Figma MCPの出力には、保守しにくいデザイン変数やインラインスタイルが含まれることがあります。このスキルは、それらの値を標準のTailwind CSSクラスとプロジェクトトークンにマッピングします。

レスポンシブWebサイトでは、アニメーション変更後にレイアウト上の不具合が隠れてしまうことがあります。このスキルは、デバイスサイズごとにスクロール済みのフルページスクリーンショットを取得し、集中的なビジュアルレビューを支援します。

モダンなWebアニメーションは、明確なガードレールなしで実装されると、パフォーマンスとアクセシビリティを損なう可能性があります。このスキルは、洗練されたアニメーション作業のために、実践的なGSAPパターン、テスト手順、ローンチ前チェックをClaudeに提供します。

チームには、ブランドカラー、書体、画像、レスポンシブルールに関する明確な記録が不足していることがよくあります。このスキルは、サイトアセットとブランド入力を、Claude、Codex、Claude Code のワークフローで使える構造化されたガイドコンテンツに変換します。

AIモデル、アバター、コードツールを横断した動画制作は、計画が難しい場合があります。このスキルは、ツール選定、プロンプト、ワークフロー、制作手順をガイドします。

Webサイトチームは、ページ、ナビゲーション、URLの整理に苦労することがよくあります。このスキルは、明確な階層、視覚的なサイトマップ、URLマップ、リンク計画を作成します。

サインアップフローでは、余分な入力項目、不明瞭なエラー、弱い信頼シグナルによってユーザーを失うことがよくあります。このスキルは登録体験を監査し、焦点を絞ったCRO改善を提案します。

マーケティングページは、不明確なメッセージ、弱いCTA、信頼シグナルの不足によって訪問者を失うことがよくあります。このスキルはページ構造をレビューし、優先順位付きのCRO推奨事項を提示します。

マーケティングチームには、チャネル、ブランド、パフォーマンス目標に合った画像が必要です。このスキルは、プロンプト、ツール選定、寸法、モックアップ、最適化をガイドします。

フォームは、多すぎる項目、不明瞭な文言、弱いエラー処理によって、見込みの高い訪問者を逃してしまうことがよくあります。このスキルは、Claude、Codex、または Claude Code がフォームを監査し、項目、レイアウト、文言、信頼要素、テストの改善を提案するのに役立ちます。

多様で各プラットフォームに対応した広告を制作するには、確かな根拠、正確な制限事項、再現可能なテストが必要です。このスキルは、製品情報とパフォーマンスデータを、根拠に基づくクリエイティブのバッチへと変換します。

ビジュアル体験は、ページ間で一貫性がなくなったり、遅くなったり、アクセシブルでなくなったりすることがあります。このスキルは、明確な安全制約に基づいて、アニメーション、ギャラリー、デモ、Three.js の更新をガイドします。