技能 css-development-validate
📦

css-development-validate

內容修訂 r1 安全 ⚙️ 外部命令

依照專案模式驗證 CSS 品質

CSS 審查可能會遺漏命名、深色模式、組合與測試缺口。此技能會引導系統化的驗證流程，產出結構化發現與修正建議。

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

使用我的智慧代理安裝

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

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

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

Agent 可讀資源

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

Markdown 詳情 GET /skills/2389-research-css-development-validate.md 已簽名 manifest GET /api/skills/2389-research-css-development-validate/manifest 已簽名 lockfile GET /api/skills/2389-research-css-development-validate/lockfile

測試它

正在使用「css-development-validate」。 一個包含混合語意化類別、重複工具類別，以及部分深色模式支援的樣式表。

預期結果:

  • 一份驗證報告，列出良好模式、命名問題、缺少的深色模式變體，以及重複的樣式群組。
  • 包含受影響檔案、預估影響與建議類別名稱的優先建議。

正在使用「css-development-validate」。 一個新增 CSS 類別但未新增測試的元件變更。

預期結果:

  • 一則審查註記，指出哪些類別缺少靜態 CSS 測試與渲染測試。
  • 以白話描述建議的測試覆蓋範圍，且不自動變更程式碼。

正在使用「css-development-validate」。 針對卡片、按鈕、徽章與空狀態的設計系統清理請求。

預期結果:

  • 一份結構化稽核，依語意化命名、組合、文件與視覺模式覆蓋率分組整理發現。
  • 依使用者影響與實作成本排序的建議後續行動。

安全審計

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

All 58 static findings were adjudicated as false positives. The external command alerts are Markdown code formatting and documentation examples, while the network reconnaissance alerts cite ordinary CSS guidance text. No prompt injection, data exfiltration, or malicious execution intent was found in SKILL.md.

1
已掃描檔案
357
分析行數
0
複核項目
0
已忽略的誤報

風險因素

⚙️ 外部命令 (56)
SKILL.md:12 SKILL.md:18 SKILL.md:31 SKILL.md:33 SKILL.md:34 SKILL.md:35 SKILL.md:51-61 SKILL.md:61-70 SKILL.md:70-76 SKILL.md:76-89 SKILL.md:89 SKILL.md:90 SKILL.md:91 SKILL.md:94 SKILL.md:95 SKILL.md:96 SKILL.md:97 SKILL.md:110-113 SKILL.md:113-117 SKILL.md:117-120 SKILL.md:120-125 SKILL.md:125-128 SKILL.md:128-134 SKILL.md:134-143 SKILL.md:143-158 SKILL.md:158-168 SKILL.md:168-173 SKILL.md:173-189 SKILL.md:189-208 SKILL.md:208-223 SKILL.md:223-224 SKILL.md:224-228 SKILL.md:228-231 SKILL.md:231-236 SKILL.md:236-256 SKILL.md:256-262 SKILL.md:262-278 SKILL.md:278-283 SKILL.md:283-292 SKILL.md:292-293 SKILL.md:293-294 SKILL.md:294 SKILL.md:297-298 SKILL.md:298-299 SKILL.md:299-304 SKILL.md:304-305 SKILL.md:305-306 SKILL.md:306-309 SKILL.md:309-310 SKILL.md:310-311 SKILL.md:311-316 SKILL.md:316-322 SKILL.md:322-333 SKILL.md:333 SKILL.md:334 SKILL.md:335-339
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告

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

開啟版本化報告
安全評估

複製報告連結

https://skillstore.io/skills/2389-research-css-development-validate/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/2389-research-css-development-validate/security.svg)](https://skillstore.io/skills/2389-research-css-development-validate?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/2389-research-css-development-validate?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/2389-research-css-development-validate/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/2389-research-css-development-validate.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 引用

2389-research. (2026). css-development-validate security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/2389-research-css-development-validate/audits/6

BibTeX 引用

@techreport{2389-research-2389-research-css-development-validate-2026, author = {2389-research}, title = {css-development-validate security audit report (audit version 6)}, institution = {Skillstore}, year = {2026}, number = {6}, url = {https://skillstore.io/skills/2389-research-css-development-validate/audits/6}, 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: "css-development-validate security audit report (audit version 6)" version: "unspecified" type: report authors: - name: "2389-research" date-released: "2026-07-06" url: "https://skillstore.io/skills/2389-research-css-development-validate/audits/6" identifiers: - type: other value: "skillstore:2389-research-css-development-validate:audit:6" description: "Skillstore immutable audit report identifier"

Skillstore 評分

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

你可以打造什麼

在 pull request 前審查 CSS

在審查前檢查新元件樣式的命名、組合、深色模式支援、測試與文件。

稽核設計系統一致性

將現有 CSS 與共用專案模式進行比較，並找出應重新命名或抽取的類別。

驗證樣式測試覆蓋率

找出缺少靜態 CSS 檢查或元件渲染測試的重要語意化類別。

試試這些提示

基本 CSS 審查 
審查此 CSS 檔案的語意化類別名稱、Tailwind 組合、深色模式覆蓋率、測試與文件。
元件樣式稽核 
稽核此功能中的元件樣式。包含 CSS 檔案、元件使用方式，以及任何驗證類別使用情況的測試。
設計系統一致性檢查 
依照我們的設計系統模式驗證這些 CSS 變更。回報命名問題、重複的工具類別群組，以及缺少的深色模式變體。
合併前 CSS 品質關卡 
針對此分支執行完整的 CSS 驗證流程。優先處理使用者可見風險、缺少的測試，以及包含檔案與行號參照的重構機會。

最佳實務

  • 在同一個請求中提供主要樣式表、相關元件檔案與現有測試。
  • 要求提供檔案與行號參照，以便快速審查並修正發現項目。
  • 在大範圍重構前執行此技能，讓命名與組合問題先浮現。

避免

  • 當版面風險很高時，不要將其作為瀏覽器式視覺檢查的替代品。
  • 不要將 Tailwind 專屬建議套用到未使用 Tailwind 的專案。
  • 不要在審閱驗證報告與優先順序前要求自動修正。

常見問題

此技能會審查什麼？
它會審查 CSS 命名、Tailwind 組合、深色模式變體、重複模式、測試與文件。
它會自動編輯 CSS 嗎？
不會。它會先產出驗證報告，並詢問下一步應該怎麼做。
這只適用於 Tailwind 專案嗎？
它對 Tailwind 專案最有幫助，但語意化命名與文件檢查也能協助其他 CSS 程式碼庫。
它能找出缺少的深色模式樣式嗎？
可以。它會檢查彩色與互動樣式是否缺少深色模式變體。
它能檢查測試覆蓋率嗎？
可以。它會尋找靜態樣式表測試與驗證類別使用情況的元件渲染測試。
哪些工具可以使用此技能？
報告列出對 Claude、Codex 與 Claude Code 的支援。

開發者詳細資訊

授權

MIT

Skillstore 修訂

r1

版本提示

作者未聲明版本。

儲存庫

https://github.com/2389-research/claude-plugins/tree/main/css-development/skills/validate

引用

c1fdca50ff516318f65fed0d7f9e82797c5171dc

維護新鮮度

2026/7/18

使用量

15 次下載 · 142 次瀏覽

檔案結構

📄 SKILL.md

2389-research 的更多技能

查看全部

相關技能

查看全部