技能 extract
📦

extract

內容修訂 r1 安全

萃取可重用的設計系統模式

團隊經常在整個應用程式中重複建立 UI 元件、Token 和版面配置模式。這項技能可協助 Claude、Codex 或 Claude Code 找出可重用模式，並將其整合到可維護的設計系統中。

支援: Claude Codex Code(CC)
Maintain this Skill? Claim it 🥉 79 銅級

使用我的智慧代理安裝

將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。

智能體請求
Review the Skillstore skill "extract" from https://skillstore.io/skills/pbakaus-extract.md and its manifest at https://skillstore.io/api/skills/pbakaus-extract/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

Markdown 詳情 GET /skills/pbakaus-extract.md 已簽名 manifest GET /api/skills/pbakaus-extract/manifest 已簽名 lockfile GET /api/skills/pbakaus-extract/lockfile

測試它

正在使用「extract」。 Review the checkout flow for reusable UI patterns.

預期結果:

發現項目包含重複的摘要卡片、重複的按鈕變體，以及硬編碼間距。建議先從摘要卡片和結帳動作元件開始萃取。

正在使用「extract」。 Extract design tokens from the settings pages.

預期結果:

這項技能會提出語意化的間距、介面表面、文字和焦點 Token，然後將既有設定頁面的值對應到這些名稱。

正在使用「extract」。 Move repeated profile components into the component library.

預期結果:

結果會包含遷移計畫、可重用元件邊界、變體指南、文件更新，以及替換舊用法的檢查清單。

安全審計

安全
v4 • 2026/7/6 開啟版本化報告

The single static finding is a false positive. SKILL.md line 71 warns against creating overly generic components, and no network reconnaissance behavior or prompt injection content was found.

1
已掃描檔案
96
分析行數
0
複核項目
0
已忽略的誤報
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告

分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。

開啟版本化報告
安全評估

複製報告連結

https://skillstore.io/skills/pbakaus-extract/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/pbakaus-extract/security.svg)](https://skillstore.io/skills/pbakaus-extract?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/pbakaus-extract?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-extract/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/pbakaus-extract.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
學術引用 (APA · BibTeX · CFF)

APA 引用

pbakaus. (2026). extract security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-extract/audits/4

BibTeX 引用

@techreport{pbakaus-pbakaus-extract-2026, author = {pbakaus}, title = {extract security audit report (audit version 4)}, institution = {Skillstore}, year = {2026}, number = {4}, url = {https://skillstore.io/skills/pbakaus-extract/audits/4}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "extract security audit report (audit version 4)" version: "unspecified" type: report authors: - name: "pbakaus" date-released: "2026-07-06" url: "https://skillstore.io/skills/pbakaus-extract/audits/4" identifiers: - type: other value: "skillstore:pbakaus-extract:audit:4" description: "Skillstore immutable audit report identifier"

比較變體

3 個可安裝變體

每位作者的技能都保留為獨立的可安裝項目。推薦變體依 Skillstore 證據排序。

為何此變體排名第一

Skillstore 評分最高
pbakaus 推薦 目前

pbakaus-extract

Skillstore 評分 79
證據置信度 高
Skillstore 使用量 19
已更新

2026-09-09

tavily-ai

tavily-ai-extract

Skillstore 評分 38
證據置信度 中
Skillstore 使用量 16
已更新

2026-09-09

actionbook

actionbook-extract

Skillstore 評分 38
證據置信度 中
Skillstore 使用量 8
已更新

2026-10-21

Skillstore 評分

評分依據 證據置信度: 高
55
架構
85
可維護性
87
內容
69
社群
91
規範符合度

你可以打造什麼

整合重複元件

找出重複的 UI 模式，並將其轉換為具備文件化變體的共享元件。

擴展 Token 系統

將重複的色彩、間距、字體排印和陰影轉換為具名設計 Token。

規劃 UI 清理

審查某個功能區域，並為可重用模式建立實用的遷移計畫。

試試這些提示

找出萃取候選項目 
Use the extract skill on {target}. Identify repeated components, hard-coded design values, and reusable layout patterns. Summarize what should be extracted first.
規劃元件重用 
Use the extract skill to create an extraction plan for {target}. Include proposed components, variants, prop names, token needs, and migration steps.
建立共享元件 
Use the extract skill to implement the approved extraction plan for {target}. Match existing design system conventions, add accessibility support, and update documentation.
遷移並記錄模式 
Use the extract skill to replace old implementations in {target} with shared components and tokens. Confirm visual parity, remove dead code, and update catalog examples.

最佳實務

  • 從已使用三次以上或很可能很快重用的模式開始。
  • 符合既有的元件、Token、匯入和文件慣例。
  • 在刪除舊實作前，測試視覺與功能對等性。

避免

  • 不要萃取沒有明確重用價值的一次性 UI。
  • 不要在缺乏明確產品目的的情況下建立通用元件。
  • 不要將每個硬編碼值都轉換為沒有語意含義的 Token。

常見問題

這項技能會從零開始建立設計系統嗎？
它可以協助規劃，但在建立新的設計系統前應先詢問。
它能與既有元件庫搭配使用嗎？
可以。它會先找出既有的共享 UI 結構，並遵循本地慣例。
它會萃取哪些類型的模式？
它專注於重複元件、設計 Token、版面配置模式，以及不一致的 UI 變體。
它會處理無障礙嗎？
會。這項技能會指示可重用元件在相關情況下包含 ARIA、鍵盤導覽和焦點管理。
它會更新文件嗎？
會。當這些工具存在時，它可以新增範例、指南，以及 Storybook 或元件目錄項目。
我應該如何選擇目標？
選擇具有明顯重複或不一致 UI 模式的功能、元件群組或應用程式區域。

開發者詳細資訊

作者

pbakaus

授權

MIT

Skillstore 修訂

r1

版本提示

作者未聲明版本。

儲存庫

https://github.com/pbakaus/impeccable/tree/main/source/skills/extract/

引用

e397ce5a135369cd6def89cb6400d013e2f68f2f

維護新鮮度

2026/7/21

使用量

8 次下載 · 120 次瀏覽

檔案結構

📄 SKILL.md

pbakaus 的更多技能

查看全部

相關技能

查看全部