いつでも解約可能
月額
$9.99 / 月
Premium のすべてにアクセス、月払い。
- すべての Premium Skill にアクセス
- Web または CLI からインストール
- ブラウザ認可による安全な CLI アクセス
- Skill の継続的なアップデート
- 新しい Premium Skill も追加料金なし
- 必要なときにいつでも解約
デザイナー向け
デザイナー向け Skills
エージェントが繰り返し再現できるデザインシステムを保つ Claude デザイン Skills。あなたはディテールに時間を使えます。
対応エージェント
デザイナーが Skill を使う理由
Skill は、エージェントが実際に従うデザインシステムです。
あなたのシステムを、確実に
文字サイズの階層、余白、色を、提案ではなくルールとして書き込みます。
- Tessellated エディトリアル静物画: モザイクタイルの質感、絵画調のモチーフ、くっきりしたインクの輪郭線を組み合わせ、動物を感情の中心に据えた、居心地がよくノスタルジックで牧歌的なエディトリアル静物イラストを作成します。
- ゆるかわ落書きイラスト: クレヨンや色鉛筆の跡が見え、輪郭がいびつで、形はシンプル、温かく表情豊かなキャラクターが魅力の高解像度イラストを作成します。整ったベクターアートや写実的な表現では距離を感じる場面で、遊び心のあるコンセプトに手作り感のあるメインビジュアルを与えます。
- Claude スタイルイラスト: ひとつのアイデアを、ひと目で読み取れるビジュアルメタファーに変える Anthropic Style のエディトリアルイラストを作ります。書き手やプロダクトチームが温かく人間味のある主役の画像を加えるための独立したワークフローで、Anthropic との提携や公認はありません。
ポートフォリオと事例紹介
デザイナーが期待する形で作品を見せるポートフォリオサイト。
- Split Frame ポートフォリオ: 作品が画面の半分を占める写真ポートフォリオを構築します。左に全高の固定フォトペイン、右に控えめな角丸カードがスクロールするレール、写真の角には小さな逆カーブの切り欠きで刻まれたラベル。プロジェクトにホバーするとペインがそのカバーに切り替わり…
- Sticker エージェンシーランディングページ: 温かみのあるクリーム色の背景に、太い中央寄せの大文字、Hero の下に積み重なったダイカットステッカー（ピンクとグリーンのピル、オレンジの円、黄色の四角）、作品にはフラットなエディトリアルイラストで統一した、完全なスタジオサイトを構築します…
- 遊び心のある UI/UX ポートフォリオ: イラストのポートレートのまわりで黒いディスプレイ文字が弾み、ストラップ付きの ID バッジ、3 カラムの経歴・連絡先ブロック、巨大なアウトライン文字のコンテンツ目次と、その下にデバイスフレームに入ったプロダクト画面を並べた番号付きの 5…
デザインどおりのフロントエンド
デザインしたディテールを保つ HTML と CSS。
- Split Frame ポートフォリオ: 作品が画面の半分を占める写真ポートフォリオを構築します。左に全高の固定フォトペイン、右に控えめな角丸カードがスクロールするレール、写真の角には小さな逆カーブの切り欠きで刻まれたラベル。プロジェクトにホバーするとペインがそのカバーに切り替わり…
- Sticker エージェンシーランディングページ: 温かみのあるクリーム色の背景に、太い中央寄せの大文字、Hero の下に積み重なったダイカットステッカー（ピンクとグリーンのピル、オレンジの円、黄色の四角）、作品にはフラットなエディトリアルイラストで統一した、完全なスタジオサイトを構築します…
- 遊び心のある UI/UX ポートフォリオ: イラストのポートレートのまわりで黒いディスプレイ文字が弾み、ストラップ付きの ID バッジ、3 カラムの経歴・連絡先ブロック、巨大なアウトライン文字のコンテンツ目次と、その下にデバイスフレームに入ったプロダクト画面を並べた番号付きの 5…
デザイナーに人気の Skill
デザイナーに人気の仕事
仕事を開くと、その仕事向けの Skill、手順、FAQ が表示されます。
デザイナーの Skill の使い方
Claude Code、Codex、Cursor で 3 ステップ。デザインアプリは不要です。
- 1
インストール用 Prompt を貼り付ける
インストール用 Prompt をエージェントにコピーするか、下のコマンドを実行してください。Skill はエージェントの skills フォルダに入ります。
npx skillry-cli@latest install bs-hyperframes-liquid-logo-reveal - 2
スラッシュで呼び出す
スラッシュと Skill 名を入力し、続けてやりたいことをふだんの言葉で伝えます。
/bs-hyperframes-liquid-logo-reveal このブリーフを、根拠と参考資料付きの 3 つの異なるビジュアルの方向性にしてください。 - 3
レビューして届ける
作られたファイルを開き、同じチャットで修正を依頼し、公開または引き渡します。
video.mp4
Prompt ではなく Skill を使う理由は？
| 比較項目 | ふつうの Prompt | Skill |
|---|---|---|
| 出発点 | 毎回まっさらな Prompt から | 検証済みのレイアウトとチェックリスト |
| スタイル | 実行するたびに結果が変わる | 繰り返し使える 1 つのスタイル |
| 一貫性 | 素材ごとに見た目がばらばら | すべての素材が 1 つのシステムに従う |
| 出力 | モデルが書いたものがそのまま | 期待どおりの形式でチェック済みのファイル |
1 つのプランで、すべての Skill を
このページのすべての Skill と、今後追加されるすべての Skill をインストールできます。いつでも解約できます。
年間 34% お得
いちばん人気年額
$79 / 年
Premium のすべてに、お得な年額料金でアクセス。
- すべての Premium Skill にアクセス
- Web または CLI からインストール
- ブラウザ認可による安全な CLI アクセス
- Skill の継続的なアップデート
- 新しい Premium Skill も追加料金なし
- 必要なときにいつでも解約
一度の支払い・創設メンバー価格
創設メンバー特典Founding Lifetime
$169 買い切り
創設メンバー価格。ライブラリの拡充に合わせて値上げ予定です。
- すべての Premium Skill にアクセス
- Web または CLI からインストール
- ブラウザ認可による安全な CLI アクセス
- Skill の継続的なアップデート
- 新しい Premium Skill も追加料金なし
- サブスクリプションも更新料金もなし
いつでも解約できます。お支払い済みの料金は 返金できません.
デザイナー向け Skills：よくある質問
デザイナー向けの Skill とは？
各 Skill は、指示、レイアウト、チェック項目をまとめたフォルダで、Claude Code、Codex、Cursor に 1 種類の成果物の作り方を教えます。たとえばポートフォリオサイト、ブランドサイト、スライドのスタイルなどです。エージェントは即興でデザインするのではなく、完成されたデザインに従います。
使うのにデザインのスキルは必要ですか？
いいえ。デザインは Skill に組み込まれています。必要なことをふだんの言葉で伝え、結果を確認するだけです。
どのエージェントで使えますか？
Claude Code、Codex、Cursor は同じ SKILL.md を読み込みます。各詳細ページに、その Skill が対応するすべてのエージェントが記載されています。
これらの Skill は無料ですか？
一部は無料です。無料の Skill には Free のラベルが付いています。それ以外は Pro に含まれるか、1 つずつ購入できます。