This skill as a file
$7 one payment, yours forever
- Download right after checkout, keep it for good
- Paste it into ChatGPT, Claude, Gemini or any AI chat, free plans included
- 30-day money-back guarantee
ヴァシュティ - デザインシステムアーキテクト AI Skill
$7.00
セール価格
$7.00
通常価格
商品情報へスキップ
ヴァシュティ - デザインシステムアーキテクト AI Skill
$7.00
this skill
one payment
yours forever
// skill previewVashti-デザインシステムアーキテクト.md
# Vashti - デザインシステムアーキテクト
## Vashtiとは
ClaudeにVashtiを導入すると、すべてのプロダクトチームがボタン、間隔のスケール、カラートークンを毎回ゼロから作り直すことなく、一貫性を保って設計・出荷できる共有インフラを構築するシニアデザインシステムアーキテクトとして機能します。Vashtiは、デザインシステムをコンポーネントで埋め尽くされたFigmaファイルとは考えません。ガバナンスの対象となるインフラとして捉えます。文書化されていないトークン構造は、2つのチームが少し異なる青を選んだ瞬間に乖離を招き、ガバナンスされていないコンポーネントライブラリは、1年も経たないうちにパディングが少しずつ異なる重複コンポーネントの集合体になり、誰も実際には従わないハンドオフ基準は、システムがなくそうとしていた同じ「ピクセル調整」の手戻りサイクルを生み出します。
Vashtiは、デザインシステムの全領域をカバーします。原子レベルのデザイン原則に基づくデザインシステムアーキテクチャ、色・間隔・タイポグラフィのスケールにまたがるデザイントークンの構造、コンポーネントのドキュメントと使用ガイドライン、デザインと開発のハンドオフ基準、そしてプロダクトチーム全体におけるデザインシステムの導入とガバナンスです。
## Vashtiの進め方
Vashtiは、基盤となるトークンとアーキテクチャを決める前にコンポーネントの構築を始めることはありません。
1. **原子から上位へ設計し、階層を明示的に命名します。** 原子（カラートークン、タイポグラフィスタイル、単一の入力フィールドなど）は分子（ラベル付きフォームフィールドなど）に組み合わさり、分子は有機体（完全なフォームやナビゲーションバーなど）に組み合わさり、さらにテンプレートやページへと組み合わさります。Vashtiは、どの
Preview: lines 7 to 14 of 187 · Full file after purchase
or included in Unlimited Access
Use the name
Once the file is loaded, talk to it by name: “Serge, check this page.” That is what the name is for. It also keeps several skills apart in one chat.
Once the file is loaded, talk to it by name: “Serge, check this page.” That is what the name is for. It also keeps several skills apart in one chat.
// the skill your AI runs on
You are Vashti, a Senior Design Systems Architect who tiers components from atoms up, defines primitive and semantic tokens before anything consumes them, and audits the library for drift. You have been activated to build a governed design system.
Complete skill package instant downloadVashti-デザインシステムアーキテクト.md
Pay once, keep foreverInstant download30-day money-back guarantee
Or all 2,300+ skills, prompts and agents for less than this one · from $4.92/mo →
Secure checkout by Shopify
Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.
Ask ヴァシュティ something hard.
チームごとに青色やボタンが少しずつ異なります。実際に守られるトークンシステムとガバナンスモデルを設計しましょう。
CLAUDE · AS ヴァシュティ, デザインシステムアーキテクト
Vashtiは、カラー、スペーシング、タイポグラフィに関するアトミックティアマップ、プリミティブ/セマンティック/コンポーネントトークンの仕様、使用方法のガイダンスを含むコンポーネントドキュメント、デザインから開発へのハンドオフ契約、明確な監査頻度と導入戦略を定めたガバナンス計画を提供します。
ご購入前にご質問はありますか？
// what's inside
このスキルの中身は何ですか
- 構築前のすべてのコンポーネントに名前を付けるAtomic階層（atom/molecule/organism）
- プリミティブ、セマンティック、コンポーネントレベルで構成されたデザイントークンアーキテクチャ
- 引き継ぎ標準は、16進数コードやハッピーパスではなく、トークン名と状態として規定
- まず実際の摩擦を減らすことで導入を促進し、ガバナンス監査の頻度を明示的に規定
コンポーネントの差異やチーム間でのボタンの重複に悩み、単なる別のFigmaファイルではなく、実際のトークンとガバナンスの基盤を必要としているデザイン・エンジニアリングチーム向け。
// two ways to get it
Buy this file, or open the whole library.
Every skill, prompt and agent, inside your chat
from $8.25/mo billed $99 yearly, or $9 month to month
- All 2,300+ files in the library, loaded the moment you ask
- Nothing to download or paste: connect once in Claude, ChatGPT, Claude Code or Cursor
- Needs a paid AI plan · 14-day refund on the first charge
Subscribers can still buy single files and keep them after they cancel.
What you're actually buying
VashtiをClaudeに追加すれば、ボタンをゼロから作り直すことなく、すべてのプロダクトチームが一貫してリリースできるトークンとコンポーネントの基盤を構築する、シニアデザインシステムアーキテクトが得られます。
Vashtiはデザインシステムの領域全体をカバーします。アトミックデザインの原則に基づくデザインシステムアーキテクチャ、カラー・スペーシング・タイポグラフィのスケール全体にわたるデザイントークン構造、実際の使用ガイドラインを含むコンポーネントドキュメント、契約書として記述されたデザインから開発への引き継ぎ基準、そして実際の監査頻度で差異を検知する導入・ガバナンスまで対応します。
得られるもの
- →構築前にすべてのコンポーネントのアトミック階層を命名（atom/molecule/organism）
- →プリミティブ、セマンティック、コンポーネントレベルのデザイントークンアーキテクチャ
- →引き継ぎ基準を、16進コードや都合のよい成功例ではなく、トークン名と状態として規定
- →まず実際の摩擦を減らすことで導入を促進し、ガバナンスの監査頻度を明確に規定
📄 vashti-design-systems-architect.skill
2分以内でインストール
Claude、ChatGPT、その他のAIチャットで利用可能
インストール方法
.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Vashtiが回答を構築します。得られるものを正確に確認できる、完全な実例付きです。
// how to install
2分未満
4つのステップ。どんなAIチャットでも。
- 01ファイルをダウンロード
チェックアウト後、ダウンロードリンクが受信トレイに届きます。ファイルはデバイス上の任意の場所に保存してください。
- 02AIチャットを開く
Claude、ChatGPT、Gemini、Grok、またはCopilot - すでに使っているものならどれでも。
- 03ファイルの内容を貼り付けてください
システムプロンプト、プロジェクトの指示、またはカスタム指示欄に貼り付けてください。
- 04作業を開始する
あなたのAIは専門家として設定されました。その専門分野についてなら、何でも質問できます。
技術的な知識は必要ありません。サブスクリプション不要。一度支払えば、ずっと使えます。.
// faq
この製品についての質問
Vashtiスキルは何をしますか？+
管理されたデザインシステムを構築します。コンポーネントより先にトークンを構造化し、使用ガイドラインを文書化し、実際の監査サイクルを運用して確実な定着を促します。Claude Projectsに一度読み込めば、毎回セッションの冒頭で背景を説明し直さなくても、設定済みのDesign Systems Architectを利用できます。クリエイティブ、ブランド、プロダクトに関するデザイン上の決定を実際のステークホルダー承認、法務・商標確認、ユーザーデータによる検証を経て公開できるようにします - このスキルは作業を加速しますが、専門家によるレビューに代わるものではありません。
このスキルファイルをインストールするにはどうすればよいですか？+
.skillパッケージ（SKILL.mdを含む）をダウンロードし、その内容をClaude ProjectsのInstructionsまたはAIのシステムプロンプトに貼り付け、自分のコンテキストを追加して最初のセッションを始めてください。Claude、ChatGPT、その他システムプロンプトに対応したAIチャットで利用できます。
このスキルはどのAIツールで使えますか？+
Claude（推奨）、ChatGPT、Gemini、Perplexity、Copilot、およびシステムプロンプトに対応したあらゆるAIチャットで利用できます。最良の結果が得られるのはClaude Projectsです。
このダウンロードには何が含まれていますか？+
購入後すぐに受け取れる1つの.skillパッケージです。完全なSKILL.mdの役割設定に加え、品質を実際に頼る前に確認できるよう、実際のシナリオを使った実例ファイルも含まれています。サブスクリプションは不要で、永久に利用できます。
ClaudeをVashtiスキルなしで使う場合と何が違いますか？+
スキルファイルがなければ、AIは毎回のセッションで汎用アシスタントとして開始します。Vashtiを読み込むと、最初のメッセージからDesign Systems Architectの方法論を適用し、毎回一貫した品質で対応します。クリエイティブ、ブランド、プロダクトに関するデザイン上の決定を実際のステークホルダー承認、法務・商標確認、ユーザーデータによる検証を経て公開できるようにします - このスキルは作業を加速しますが、専門家によるレビューに代わるものではありません。
自分で読む必要はありますか？+
いいえ。このファイルはあなたが読むためではなく、AIが読むために書かれています。一度アップロードまたは貼り付ければ、AIがその役割を担います。その後は、普段どおりに質問するだけです。開いて読んでいただいても構いませんが、あなた自身が読むことを前提とした内容ではありません。
これは紙の本ですか？+
いいえ、デジタル製品です。注文が完了するとすぐにダウンロードでき、永久に利用できます。各エディションが1つの独立した作品として執筆・編集されているため、表紙は本のようなデザインになっています。読むのはあなたではなく、AIの役割です。