01
このSkillでできること
- ✓CACUSA向けの画面デザインを作成する
- ✓ブランドカラーと書体を適用する
- ✓カード、ボタン、入力欄などのUI部品を設計する
- ✓ブランドに合うHTML試作や本番コードの設計指針を示す
02
使い方
01
STEP 1
作りたい画面や素材の目的を伝える
02
STEP 2
必要ならブランドの対象市場や掲載媒体を指定する
03
STEP 3
試作か本番コードかを明記する
04
STEP 4
画面の構成や必要な要素を指定する
03
Skillのインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/robingonzalez-ux/cacusa04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
CACUSAのブランドガイドに沿って、女性向けジュエリー商品のランディングページを設計してください。まず構成案を作り、HTML試作として出力してください。出力例を見る
ローズピンク、ソフトバイオレット、暖色系白を基調に、Bodoni Modaの見出し、Cormorant Garamondの本文、OutfitのUIラベルを使った商品紹介ページ。05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
- network: - **No custom icon font** found; use Lucide from CDN: `https://unpkg.com/lucide@latest` --- ## File Index [large code block omitted]
06