frontend-components
79建構可重複使用的前端元件
前端團隊需要在不同框架之間維持一致的元件結構。此技能會引導 Claude、Codex 和 Claude Code 設計聚焦且可重複使用的 UI 元件。
撰寫清晰的程式碼註解
品質不佳的註解會過時,並掩蓋重要的設計意圖。此技能可協助 Claude、Codex 和 Claude Code 撰寫精簡註解,用來說明不易看出的邏輯。
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "global-commenting" from https://skillstore.io/skills/eis-its-global-commenting.md and its manifest at https://skillstore.io/api/skills/eis-its-global-commenting/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「global-commenting」。 某個函式有一則註解,說明它是在近期遷移期間變更的。
預期結果:
將其替換為對該遷移所引入不變條件的穩定說明。
正在使用「global-commenting」。 一個複雜的權限檢查結合了使用者角色、帳戶狀態和功能旗標。
預期結果:
正在使用「global-commenting」。 審查者詢問是否每個 helper 都需要 docstring。
預期結果:
只有在呼叫端需要合約、副作用或邊界資訊時,才加入 docstrings。
The static filesystem finding is confirmed because SKILL.md references a parent-directory standards file outside the skill folder. No evidence of prompt injection or other semantic abuse was found in the scanned file, but the external reference makes the effective instructions unaudited.
這些是真實的本機能力,對此技能而言可能是預期行為,因此需要複核,但不會按已確認的惡意行為計分。
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/eis-its-global-commenting/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-global-commenting?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-global-commenting?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-global-commenting/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-global-commenting.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>EIS-ITS. (2026). global-commenting security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-global-commenting/audits/10@techreport{eis-its-eis-its-global-commenting-2026,
author = {EIS-ITS},
title = {global-commenting security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/eis-its-global-commenting/audits/10},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "global-commenting security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "EIS-ITS"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/eis-its-global-commenting/audits/10"
identifiers:
- type: other
value: "skillstore:eis-its-global-commenting:audit:10"
description: "Skillstore immutable audit report identifier"
每位作者的技能都保留為獨立的可安裝項目。推薦變體依 Skillstore 證據排序。
為何此變體排名第一
為演算法、業務規則和不易看出的取捨加入精簡註解。
在維護期間審查註解,並用持久的說明取代過時備註。
檢查新增的註解是否說明意圖,而不是重複描述可讀的程式碼。
審查此檔案,找出註解能補充持久脈絡的位置。當註解並非必要時,優先使用更好的命名或結構。
審查此變更中的既有註解。重寫過時、暫時性或聚焦於近期編輯的註解。
為此模組中不易看出的業務規則加入註解。說明意圖、限制和取捨,不要重述每一行。
稽核此元件在函式、類別和 APIs 中的註解品質。為未來變更提出精簡的註解方法。
作者
EIS-ITS授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
維護新鮮度
2026/7/18
使用量
7 次下載 · 216 次瀏覽
檔案結構
📄 SKILL.md
建構可重複使用的前端元件
前端團隊需要在不同框架之間維持一致的元件結構。此技能會引導 Claude、Codex 和 Claude Code 設計聚焦且可重複使用的 UI 元件。
改善前端無障礙性
前端團隊在例行 UI 工作中經常忽略鍵盤、語意和螢幕閱讀器需求。此技能會引導 Claude、Codex 和 Claude Code 在建立或編輯介面時套用無障礙檢查。
套用一致的程式碼風格
不一致的程式碼會拖慢審查速度,也讓維護更困難。此技能為 Claude、Codex 和 Claude Code 提供清楚規則,協助產出可讀且一致的程式碼。
撰寫聚焦的行為測試
團隊經常新增脆弱的測試,這些測試反映的是實作細節,而非使用者行為。此技能引導 Claude、Codex 和 Claude Code 為關鍵工作流程撰寫聚焦的測試。
跨進入點驗證輸入
輸入驗證在表單、API 和業務規則之間經常變得不一致。此技能會引導 Claude、Codex 和 Claude Code 採用安全的驗證模式。
建置一致的前端 CSS
前端樣式經常在不同檔案、元件與框架之間逐漸不一致。此技能會引導 Claude、Codex 與 Claude Code 採用一致的 CSS 方法與 design tokens。
審查程式碼中的錯誤與安全性問題
由 21pounder
程式碼審查可能會漏掉錯誤、安全漏洞和可維護性問題。此技能會引導 Claude、Codex 和 Claude Code 執行結構化的審查步驟。
為非開發者評估程式碼可讀性
由 AbeJitsu
團隊經常需要讓管理者、利害關係人和新貢獻者都能理解的程式碼。此技能會檢查命名、註解、術語和文件,讓審查者取得清楚的可讀性分數。
Review Defects and Verify Root-Cause Repairs
由 aakashh242
Reviews can miss failure conditions or accept fixes without reliable evidence. Gauntlet guides scoped adversarial reviews, authorized repairs, and revision-bound verification within a finite budget.
Audit NestJS Code with Evidence-Backed Findings
由 amirtaherkhani
NestJS repositories can hide boundary flaws and runtime risks that lint results alone cannot reveal. This skill combines local evidence collection and semantic review into one prioritized report.
使用結構化品質檢查審查程式碼
由 alirezarezvani
程式碼審查可能會遺漏品質、安全性與可維護性問題。此技能會透過腳本、檢查清單與報告產生流程,引導進行結構化審查。
管理情境驅動開發
由 wshobson
當產品目標、技術堆疊選擇和工作流程規則分散各處時,AI 輔助專案會失去一致性。此技能會透過 Conductor 情境成品,引導 Claude、Codex 和 Claude Code。