技能 core-components
📦
core-components
內容修訂 r2 安全 ⚙️ 外部命令
建構一致的核心元件介面
UI 工作可能逐漸變成硬編碼的間距、顏色與原始平台元件。這項技能會引導 Claude、Codex 和 Claude Code 使用核心元件、權杖與可重用版面配置。
支援: Claude Codex Code(CC)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "core-components" from https://skillstore.io/skills/sickn33-core-components.md and its manifest at https://skillstore.io/api/skills/sickn33-core-components/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「core-components」。 建立包含個人資料詳細資訊與儲存動作的設定畫面。
預期結果:
回應會建議使用 Screen、ScreenHeader、ScreenContent、VStack、Input 和 Button，並搭配權杖間距與語意顏色。
正在使用「core-components」。 審查使用原始平台元件與行內樣式的表單。
預期結果:
回應會識別每個原始元件，將其對應到核心元件庫，並以權杖取代硬編碼值。
正在使用「core-components」。 規劃適用於多種產品狀態的可重用 card 元件。
預期結果:
回應會定義以權杖為基礎的 props、變體、children 組合，以及載入與停用檢視的狀態處理。
安全審計
安全v5 • 2026/7/23 開啟版本化報告
All 49 static findings are false positives caused by Markdown code fences and inline code formatting in SKILL.md. The file contains documentation and TSX examples, with no shell commands, Ruby execution, prompt injection, or other malicious intent.
1
已掃描檔案
276
分析行數
0
複核項目
0
已忽略的誤報
風險因素
⚙️ 外部命令 (49)
SKILL.md:21-27 SKILL.md:27-31 SKILL.md:31-32 SKILL.md:32-33 SKILL.md:33-34 SKILL.md:34-35 SKILL.md:35-36 SKILL.md:36-40 SKILL.md:40-48 SKILL.md:48-52 SKILL.md:52-53 SKILL.md:53-54 SKILL.md:54-55 SKILL.md:55-56 SKILL.md:56-57 SKILL.md:57-61 SKILL.md:61-63 SKILL.md:63-67 SKILL.md:67-68 SKILL.md:68-69 SKILL.md:69-70 SKILL.md:70-71 SKILL.md:71-72 SKILL.md:72-80 SKILL.md:80-88 SKILL.md:88-94 SKILL.md:94-104 SKILL.md:104-110 SKILL.md:110-118 SKILL.md:118-124 SKILL.md:124-134 SKILL.md:134-138 SKILL.md:138-139 SKILL.md:139-140 SKILL.md:140-141 SKILL.md:141-147 SKILL.md:147-155 SKILL.md:155-161 SKILL.md:161-170 SKILL.md:170-176 SKILL.md:176-185 SKILL.md:185-189 SKILL.md:189-195 SKILL.md:195-199 SKILL.md:199-214 SKILL.md:214-218 SKILL.md:218-238 SKILL.md:238-244 SKILL.md:244-261
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/sickn33-core-components/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/sickn33-core-components?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/sickn33-core-components?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-core-components/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/sickn33-core-components.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 引用
sickn33. (2026). core-components security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-core-components/audits/5BibTeX 引用
@techreport{sickn33-sickn33-core-components-2026,
author = {sickn33},
title = {core-components security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-core-components/audits/5},
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: "core-components security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-core-components/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-core-components:audit:5"
description: "Skillstore immutable audit report identifier"
比較變體
2 個可安裝變體每位作者的技能都保留為獨立的可安裝項目。推薦變體依 Skillstore 證據排序。
為何此變體排名第一
Skillstore 使用量較高
作者 / 來源 Skillstore 評分 證據置信度 Skillstore 使用量 已更新
Skillstore 評分
評分依據 證據置信度: 高 55
架構
85
可維護性
87
內容
68
社群
91
規範符合度
你可以打造什麼
標準化新畫面
從一開始就使用 Screen、ScreenHeader、ScreenContent 與權杖間距來建構畫面。
重構原始 UI
以核心元件與設計權杖取代原始平台元件和行內樣式。
審查元件 API
設計可重用的元件 props，以一致方式公開權杖、變體與 children。
試試這些提示
使用核心元件
使用核心元件庫建構這個畫面。使用權杖間距、語意顏色，且不要使用原始平台元件: [screen details].
套用設計權杖
審查這份 UI 描述，並選擇間距、顏色與排版權杖。簡要說明每個權杖選擇: [UI details].
重構現有標記
在適當位置將這個元件重構為使用 Box、Text、HStack、VStack、Button、Input 和 Card。保留行為並移除行內樣式: [component].
設計可重用元件 API
建立可重用的元件 API，使用以權杖為基礎的 props、變體、載入與停用狀態，以及清楚的組合邊界: [requirements].
最佳實務
- 使用設計權杖來處理間距、顏色與排版。
- 優先使用核心版面配置元件，再使用原始平台基本元件。
- 讓可重用元件的 props 以權杖為基礎並由變體驅動。
避免
- 硬編碼像素間距、hex 顏色或排版值。
- 在應使用核心元件庫的畫面中混用原始平台元件。
- 在權杖 props 會更清楚的情況下加入行內樣式。
常見問題
這項技能會安裝元件庫嗎？
不會。它提供現有核心元件庫的使用指引。
我可以將它搭配 Claude、Codex 和 Claude Code 使用嗎？
可以。它是以這些 AI coding tools 可遵循的指引形式撰寫。
它支援 React Native 嗎？
範例使用 React Native 風格的模式，並且在存在類似元件時效果最佳。
它會選擇精確的專案權杖嗎？
它會建議權杖類別，但你應該根據專案 theme 驗證名稱。
它會取代無障礙審查嗎？
不會。你仍然需要進行無障礙檢查、平台測試與設計審查。
我何時應避免使用它？
當專案缺少核心元件庫或核准的設計權杖時，應避免使用它。