📦
codebase-explorer
78探索 Empathy Ledger 程式碼庫
複雜的儲存庫結構使功能與資料流程難以追蹤。此技能會建立 Empathy Ledger 檔案、服務、路由、結構描述與相依性的對應關係。
程式開發 查看
技能 design-component
📦
design-component
內容修訂 r1 安全 ⚙️ 外部命令
設計具文化敏感度的故事卡片
故事與個人檔案卡片通常需要一致的版面配置、尊重文化的提示，以及清楚的 AI 標示。此技能為 Empathy Ledger 卡片介面提供元件模式、資料對應與 AI 擴充指引。
支援: Claude Codex Code(CC)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "design-component" from https://skillstore.io/skills/acurioustractor-design-component.md and its manifest at https://skillstore.io/api/skills/acurioustractor-design-component/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「design-component」。 產品團隊需要用於側邊欄提及項目的精簡卡片。
預期結果:
此技能會推薦精簡變體、小型頭像、顯示名稱、故事數量、耆老徽章、姓名縮寫備援，以及鍵盤焦點支援。
正在使用「design-component」。 設計師想在精選個人檔案上顯示 AI 生成的主題專長。
預期結果:
此技能會概述主題徽章、深度指示、清楚的 AI 標示、手動覆寫選項，以及神聖或受限制內容的限制。
正在使用「design-component」。 安全審查人員需要同意撤銷指引。
預期結果:
此技能會產生一個對話框結構，包含清楚的後果說明、可逆控制訊息、選填的原因擷取，以及破壞性操作樣式。
安全審計
安全v9 • 2026/7/7 開啟版本化報告
The static findings are false positives caused by Markdown code fences, JSX template literals, SQL schema examples, and responsive layout text. No prompt injection, command execution instructions, or malicious intent were found in the reviewed skill files.
6
已掃描檔案
1,212
分析行數
0
複核項目
0
已忽略的誤報
風險因素
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/acurioustractor-design-component/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/acurioustractor-design-component?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/acurioustractor-design-component?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/acurioustractor-design-component/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/acurioustractor-design-component.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 引用
Acurioustractor. (2026). design-component security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/acurioustractor-design-component/audits/9BibTeX 引用
@techreport{acurioustractor-acurioustractor-design-component-2026,
author = {Acurioustractor},
title = {design-component security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/acurioustractor-design-component/audits/9},
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: "design-component security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Acurioustractor"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/acurioustractor-design-component/audits/9"
identifiers:
- type: other
value: "skillstore:acurioustractor-design-component:audit:9"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高 55
架構
85
可維護性
87
內容
72
社群
83
規範符合度
你可以打造什麼
建立說故事者目錄卡片
使用資料階層與視覺規格，設計帶有尊重文化脈絡的可重用個人檔案卡片。
規劃 AI 擴充顯示
將擴充後的個人簡介、擷取的引言、主題與建議連結，對應到清楚的卡片與個人檔案狀態。
審查同意儀表板元件
使用聯播模式來設計同意狀態、權杖遮蔽、分析與撤銷流程。
試試這些提示
選擇卡片變體
使用 design-component skill 為行動版目錄推薦一種說故事者卡片變體。包含必填欄位、選填欄位與備援狀態。
撰寫元件需求
使用 design-component skill 撰寫精選說故事者卡片的需求。涵蓋版面配置、徽章、引言顯示、無障礙與深色模式。
加入 AI 擴充指示
使用 design-component skill 將 AI 擴充狀態加入既有個人檔案卡片。包含標籤、使用者覆寫行為與神聖內容限制。
設計同意管理 UI
使用 design-component skill 設計聯播同意儀表板。包含狀態徽章、權杖遮蔽、分析圖表與撤銷確認文案。
最佳實務
- 僅在具備尊重性標籤與清楚脈絡時，才顯示文化背景、耆老身分與傳統領域。
- 清楚標示 AI 生成內容，並讓說故事者覆寫控制保持可見。
- 為每種卡片變體使用載入、空、懸停、焦點與深色模式狀態。
避免
- 不要在未經審查的情況下自動發布 AI 生成的摘要、引言或標籤。
- 不要在公開或外部分享介面中擷取或顯示神聖內容。
- 不要建立欄位、顏色與無障礙行為不一致的多個卡片變體。
常見問題
此技能能協助設計什麼？
它有助於設計說故事者卡片、故事卡片、個人檔案顯示、AI 擴充狀態與同意儀表板元件。
它會產生完整的 React 元件嗎？
不能。它提供模式、範例、資料對應與需求，供開發人員套用到既有應用程式中。
它能協助處理 AI 生成的個人檔案內容嗎？
可以。它涵蓋擴充後的個人簡介、引言擷取、主題專長、摘要、連結建議與清楚的 AI 標示。
這些指引是否專門針對 Empathy Ledger？
是。範例使用 Empathy Ledger 資料欄位、文化脈絡與同意管理工作流程。
它如何處理文化敏感度？
它建議使用尊重性的用語、耆老身分顯示、傳統領域致意、神聖內容限制與說故事者控制。
哪些工具可以使用此技能？
報告列出對 Claude、Codex 與 Claude Code 的支援。
開發者詳細資訊
授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
儲存庫
https://github.com/Acurioustractor/empathy-ledger-v2/tree/main/.claude/skills/local/design-component引用
d46e62089a6dfc9e14ea02eebd9b8e2ad2dfe1f4
維護新鮮度
2026/7/22
使用量
13 次下載 · 361 次瀏覽
Acurioustractor 的更多技能
查看全部📦
supabase
78瀏覽 Empathy Ledger Supabase 結構
當資料表名稱與關聯不明確時，資料庫工作便會變得緩慢。此技能會對應 Empathy Ledger 資料表，並提供 Supabase 查詢模式，以加快規劃速度。
資料與分析 查看
📦
gdpr-compliance
78審查 GDPR 合規工作流程
當產品工作流程包含同意、刪除、匯出和稽核日誌時，GDPR 審查會很複雜。此技能為隱私功能和實作審查提供結構化檢查。
法律與合約 查看
📦
empathy-ledger-dev
78安全地建置 Empathy Ledger 功能
Empathy Ledger 貢獻者需要快速取得敏感平台工作的脈絡。此技能針對租戶架構、文化安全、服務與工作流程提供精簡的專案模式。
程式開發 查看
📦
cultural-review
78審查文化資料實務
當同意、存取與所有權規則不明確時，敏感故事可能遭到不當處理。此技能會運用 OCAP、敏感度等級與核准工作流程來指引審查。
安全與法遵 查看
📦
data-analysis
70分析 Empathy Ledger 故事資料
故事平台需要在多個檢視中保持一致的主題、引文和摘要。此技能提供可重複使用的逐字稿分析、Supabase 查詢和故事推薦模式。
資料與分析 查看
相關技能
查看全部📦
design-system
82Build Consistent Design Systems and Slides
由 nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
設計與創意 查看
📦
ux-designer
80透過研究導向的設計指引改善 UX
由 shubhamsaboo
團隊常根據假設設計流程，並忽略無障礙問題。此技能運用 UX 最佳實務，指導研究、結構、互動設計與審查。
設計與創意 查看
📦
uizze-ui
80Build and Refine Interfaces with Uizze
由 uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
設計與創意 查看
📦
frontend-aesthetics
79改善前端視覺設計
由 Barnhardt-Enterprises-Inc
通用的前端畫面通常看起來相似，且缺少品牌焦點。此技能會引導字體排印、色彩、動效與深度選擇，以打造更清晰的介面。
設計與創意 查看
📦
ui-ux-designer
79設計無障礙產品介面
由 sickn33
團隊經常難以將使用者需求轉化為一致且無障礙的介面。此技能可指引研究、流程、設計系統、設計權杖與交付。
設計與創意 查看
📦
stitch-ui-design
79建立更好的 Google Stitch UI 提示詞
由 sickn33
當提示詞缺乏細節時，Google Stitch 可能會產生泛用型設計。此技能提供針對畫面、流程、視覺風格、無障礙與交付的結構化提示詞指引。
設計與創意 查看