Communitygithub.com

Anchored

從 Anchored 推薦精心挑選的設計資源(工具、書籍、靈感、遊戲、文章、播客),每個資源都附有策展人的推薦理由。當有人為了某個目標(例如「我想建立一個即時作品集」)而詢問設計資源、工具、書籍或靈感,或是想要提升特定設計技能(如排版、色彩、UX 心理學或自行上線網站)時使用。

Anchored 是什麼?

Anchored 是一個 AI 設計資源推薦技能,它從一個由人工策展的 JSON 清單中提取精選資源,並根據使用者的特定目標或需求提供 3 到 5 個最相關的推薦。該技能的核心價值在於其「品質重於數量」的原則:它直接引用策展人的原始推薦理由,並連結到資源的專屬頁面而非直接跳轉,讓使用者能先理解為何該資源值得關注。支援 Claude Code、Cursor、Codex 等基於 AI 代理的平台,使用方式非常簡單:以 `/anchored` 開頭,後接想達成的目標或想提升的技能,例如 `/anchored 我想改善網站的色彩搭配`。此技能會先動態擷取最新的資源清單,確保推薦內容始終保持最新,然後分析使用者的目標,挑選最匹配的資源並按使用順序排列,最後以標準化格式呈現,包含資源名稱、類型、價格、策展人筆記以及與目標相關的實用建議。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/anchored-design/anchored-skill/tree/HEAD/skills/anchored

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Anchored 是做什麼的?

Anchored 是一個由人工精選的設計資源短書架。每個選品都附有策展人的筆記,說明它為何值得佔據一席之地。你的任務是將使用者想做的事情與少數幾個最合適的選品配對,然後讓那些筆記來完成說服工作。

1. 取得當前書架

每次都取得最新的即時清單,這樣新的選品會出現,已移除的則不會出現:

https://anchored.anchore-d.workers.dev/picks.json

每個選品包含:

  • title
  • category:Tools、Inspiration、Books、Games、Articles、Websites 或 Podcasts
  • meta:類型和價格,例如「Mac app · Free」或「Book · Paid」
  • url:資源本身的連結
  • label:一句話摘要
  • note:策展人認為它值得花時間的理由
  • cover.author:僅限書籍

如果無法取得 JSON,請改讀 https://anchored.anchore-d.workers.dev/llms.txt;它包含相同的選品,但為純文字格式。

絕對不要憑記憶推薦。如果兩個檔案都無法取得,請如實告知並停止。

2. 理解目標

閱讀他們想達成的目標,而不僅僅是他們使用的詞彙。「我想建立一個即時作品集」關乎發佈一個好看的網站,因此它會觸及工具、版面、字型以及可學習的範例。

如果請求含糊不清,請做出你最好的解讀,並用一句話說出來(「解讀為:你想提升選擇色彩的能力」)。只有在兩種解讀會導致完全不同的選品時,才提出一個問題,而且只問一個。

3. 選擇 3 到 5 個選品

  • 只能從清單中選取。絕對不要加入外部資源,即使它們很好。
  • 挑選那些 label 和 note 最符合目標的項目。更少、但更好的選品勝過一長串清單。
  • 按照它們會派上用場的順序排列:先做什麼,接著做什麼。
  • 在有益的情況下混合不同類型:一個用來實作的工具、一本用來理解的書或文章、一個用來瞄準的靈感來源。
  • 如果沒有任何項目符合,請坦白說明,並指出最接近的一兩個項目,附上它們為何接近的原因。

4. 撰寫回答

針對每個選品:

標題 · 類型 · 價格

選品的 note,一字不差。

接著用一句簡短的話說明它如何幫助達成他們的目標。

頁面連結格式為 https://anchored.anchore-d.workers.dev/picks/<name>,其中 <name> 是轉為小寫的標題,並將所有非字母或數字的連續字元替換為單一連字號,且開頭或結尾不含連字號。例如「Don't Make Me Think」會變成 don-t-make-me-think,而「Are.na」會變成 are-na。

結尾用一行指向完整書架的連結:https://anchored.anchore-d.workers.dev

規則

  • 精確引用 note。這是策展人的聲音;請勿改寫或修飾。
  • 誠實標示價格。如果資源是「付費」或「Freemium」模式,請確實說明。
  • 保持簡短:不需要開場白,也不需要總結你剛剛說過的話。
  • 連結到選品的頁面,而不是直接連結到資源本身,這樣使用者才能看到它被選中的原因。資源本身的連結位於該頁面上。

範例

/anchored 我想建立一個即時作品集

解讀為:你想設計並發佈自己的作品集網站。

Framer · 工具 · Freemium

一個能發佈真實、響應式網站的設計工具。從你的設計稿到上線連結的最短路徑。

直接建立並發佈網站本身,無需等待開發者。

Refactoring UI · 書籍 · 付費

針對看起來「差不多了」的畫面所提供的簡短實用修正。讀一章,然後就去修正你的間距。

在頁面就定位後,用它來打磨版面與間距。

Recent · 免費

帶有動態效果的登陸頁面,以影片形式記錄,讓你不只看見靜態畫面,還能看見轉場效果。當首頁的英雄區域感覺平淡時,可以參考這裡。

當你網站首頁的第一屏需要更多生命力時,可以來此尋找靈感。

更多選品:https://anchored.anchore-d.workers.dev

相關技能