
プレビューギャラリー
類似の Skill
すべての Skill を見る手に入るもの
- 周回ポートレートのお客様の声の完全なソースコード。コンポーネントファイルと実行可能な使用例がセットで、そのまま貼り付けて編集できます。
- 文書化されたビジュアル仕様。カラーパレット、文字サイズの体系、角丸、アイコンの線幅、モーションのタイミングをすべてトークンとして 1 か所で編集できます。
- ポートレートと写真はブロックに同梱済み。配置も済んでおり、外部から取得せずローカルに保存されています。
向いている人
- お客様の声を掲載したいが、レイアウトを一から調整するより練られたデザインを使いたい場合。
- ポートレート、名前、役職、引用の関係性がすでに整理されたものがほしい場合。
- アップデートを追い続ける依存パッケージではなく、読みやすく編集できるソースコードがほしい場合。
向いていない人
- 成熟したデザインシステムをすでに運用しているチーム。このパレットや文字サイズの体系が既存のものと衝突します。
- バージョン管理された npm パッケージを求める方。提供されるのは自分で保守するソースコードです。
- ナビゲーション、フォーム、認証、決済が必要なプロジェクト。このブロックはいずれも対象外です。
SNS コンテンツ・キャンペーンプロダクトローンチ・アプリグロースWeb デザイン・デジタル体験マーケティングビジュアル作成ホームページ作成LP 作成編集可能な出力洗練されたビジュアル初心者向けウォームニュートラルティールアクセントキネティックフォトグラフィック
この Skill について

ブロックを 1 つ貼り付けるだけで、お客様の声がデザインされたように見えます。ポートレート、名前、役職、コメントが縦に積み重なるのではなく、バランスよく配置されます。自分の引用に差し替えても、レイアウトは崩れません。
手に入るもの
- 周回ポートレートのお客様の声の完全なソースコード。コンポーネントファイルと実行可能な使用例がセットで、そのまま貼り付けて編集できます。
- 文書化されたビジュアル仕様。カラーパレット、文字サイズの体系、角丸、アイコンの線幅、モーションのタイミングをすべてトークンとして 1 か所で編集できます。
- ポートレートと写真はブロックに同梱済み。配置も済んでおり、外部から取得せずローカルに保存されています。
使い方
- セクションを置く場所をアシスタントに伝えてください。まずプロジェクトを読み込み、そのプロジェクトの書き方に合わせてブロックを書きます。
- テキストを自分の言葉に差し替えます。文字サイズや余白はそのまま崩れません。
- 自分の画像を入れます。人物を見せる場所にはポートレートを、それ以外には写真を使います。
- 公開前にスマートフォンで確認してください。もともとスマートフォンでも崩れないように作られています。
始める前に必要なもの
- 最終検証
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…







