Design Systems Architect, Vashti AI skill by KissMySkills, cover

Vashti - 設計系統架構師 AI Skill

$7.00
特價  $7.00 原價 
跳至產品資訊
Design Systems Architect, Vashti AI skill by KissMySkills, cover

Vashti - 設計系統架構師 AI Skill

$7.00 this skill one payment yours forever
// skill previewVashti-設計系統架構師-技能
# Vashti - 設計系統架構師

## Vashti 是誰
將 Vashti 加入 Claude,即可獲得一名資深設計系統架構師,負責建立共用基礎設施,讓每個產品團隊都能一致地設計與交付,不必從零開始重新發明按鈕、間距比例或色彩代碼。Vashti 不會把設計系統視為一個塞滿元件的 Figma 檔案。她將其視為受治理的基礎設施:未記錄的代碼結構會在兩個團隊選用略有不同的藍色時立即引發偏移;未受治理的元件庫在一年內就會變成擁有略微不同內距的重複元件;沒有人真正遵循的交接標準,則會產生設計系統原本應消除的相同「像素微調」返工循環。

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.
// 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.

187 lines · .md · instant download or included in Unlimited Access

Complete skill package instant downloadVashti-設計系統架構師-技能

  • American Express
  • Apple Pay
  • Bancontact
  • BLIK
  • Google Pay
  • Klarna
  • Maestro
  • Mastercard
  • MobilePay
  • PayPal
  • Union Pay
  • Visa

Secure checkout by Shopify

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

Ask Vashti something hard.

📎 vashti-design-systems-architect.md LOADED ✓
每個團隊使用的藍色色調和按鈕樣式都有些不同。設計一套真正能被遵循的設計代幣系統與治理模式。
CLAUDE · AS VASHTI, 設計系統架構師 Vashti 會提供原子層級對應表、色彩、間距與字體的基礎/語意/元件 Token 規格、附使用指南的元件文件、設計到開發的交接契約,以及包含明確稽核週期與採用策略的治理計畫。

購買前有任何問題嗎?

購買前有任何問題嗎?

寫信給我們,通常當天就會有人回覆。不會是機器人,也不是排隊等候的客服工單。

hello@kissmyskills.com

// what's inside

這項技能包含什麼

  1. 在建立每個元件之前,先為其命名原子層級(原子/分子/有機體)
  2. 原子、語意與元件層級的設計代幣架構
  3. 交付標準以代幣名稱與狀態指定,而非十六進位色碼與理想情境
  4. 以先降低實際摩擦為採用驅動力,並明確說明治理稽核週期

面臨元件分歧或跨團隊重複按鈕的設計與工程團隊,他們需要的是真正的設計令牌與治理基礎架構,而不是另一個 Figma 檔案。

// two ways to get it

Buy this file, or open the whole library.

Buy once

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
Unlimited Access

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
See Unlimited Access →

Subscribers can still buy single files and keep them after they cancel.

What you're actually buying

將 Vashti 加入 Claude,即可獲得一位資深設計系統架構師,建立 token 與元件基礎架構,讓每個產品團隊都能一致地推出產品,不必每次都從頭打造按鈕。

Vashti 涵蓋完整的設計系統專業範疇:基於原子設計原則建立設計系統架構、建立涵蓋色彩、間距和字體比例的設計 token 結構、提供附有實際使用指南的元件文件、以合約形式撰寫設計至開發的交接標準,以及按照實際稽核週期及早發現偏移的採用與治理機制。

您將獲得

  • 每個元件在建立前都先命名其原子層級(原子/分子/生物)
  • 原始、語意和元件層級的設計 token 架構
  • 交接標準以 token 名稱和狀態定義,而非十六進位色碼和理想流程
  • 先降低實際摩擦,再推動採用;明確說明治理稽核週期
📄 vashti-design-systems-architect.skill 安裝不到 2 分鐘 適用於 Claude、ChatGPT 與任何 AI 聊天工具

如何安裝

下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或系統 prompt 中 → 描述您的需求 → Vashti 建立答案。包含完整的實作範例,讓您確切了解會得到什麼。

// how to install 不到 2 分鐘

四個步驟。任何 AI 聊天。

  1. 01
    下載檔案

    結帳後,下載連結會寄到您的收件匣。將檔案儲存至裝置上的任意位置。

  2. 02
    開啟你的 AI 聊天功能

    Claude、ChatGPT、Gemini、Grok 或 Copilot - 無論你目前使用哪一個。

  3. 03
    貼上檔案內容

    將其放入系統 prompt、專案指示或自訂指示欄位中。

  4. 04
    開始工作

    您的 AI 現已設定為專業助手。您可以詢問它任何與其專業領域相關的問題。

不需要技術知識。不需訂閱。一次付費,永久使用。.

// faq

關於此產品的問題

Vashti skill 能做什麼?+

建立受治理的設計系統:先建構設計代碼,再製作元件;記錄使用指南,並透過實際的稽核週期推動真正的採用。只要將它載入 Claude Projects 一次,你就能獲得一位已設定好的設計系統架構師,不必在每次工作階段開始時重新說明背景。創意、品牌與產品設計決策在上線前,仍須經過實際利害關係人核准、法律/商標審查以及使用者資料驗證 - 這項 skill 能加速工作,但無法取代專業審查。

如何安裝這個 skill 檔案?+

下載 .skill 套件(內含 SKILL.md),將內容貼到 Claude Projects Instructions 或你的 AI 系統提示中,加入你自己的背景資訊,然後開始第一個工作階段。適用於 Claude、ChatGPT,或任何接受系統提示的 AI 聊天工具。

這個 skill 適用於哪些 AI 工具?+

適用於 Claude(推薦)、ChatGPT、Gemini、Perplexity 和 Copilot,以及任何接受系統提示的 AI 聊天工具。Claude Projects 能提供最佳結果。

這份下載內容包含什麼?+

購買後立即交付一個 .skill 套件:完整的 SKILL.md 角色設定,以及一份包含真實情境的實作範例檔案,讓你在依賴它之前先了解其品質。無訂閱費,永久歸你所有。

這和不使用 Vashti skill 的 Claude 有什麼不同?+

沒有 skill 檔案時,你的 AI 每次工作階段都會以一般助理的身分開始。載入 Vashti 後,它會從第一則訊息開始套用設計系統架構師方法論,每次都維持一致的品質。創意、品牌與產品設計決策在上線前,仍須經過實際利害關係人核准、法律/商標審查以及使用者資料驗證 - 這項 skill 能加速工作,但無法取代專業審查。

我需要自己閱讀它嗎?+

不用。這份檔案是寫給你的 AI 閱讀的,不是寫給你閱讀的。上傳或貼上一次後,AI 就會採用這個角色。之後你只要像平常一樣向它提問即可。當然,你也可以開啟檔案閱讀,但這裡的任何內容都不取決於你是否閱讀它。

這是一本實體書嗎?+

不是,它是數位產品。訂單完成後即可立即下載,並永久歸你所有。封面採用書籍風格,是因為每個版本都會以一份獨立完整的作品形式撰寫與編輯。閱讀工作由你的 AI 負責,而不是你。

準備好讓您的 AI 專精了嗎?