技能 wunderui-theme

📦

wunderui-theme

Name: wunderui-theme
Author: wunder-ui

內容修訂 r1 中風險 🌐 網路存取⚡ 包含腳本⚙️ 外部命令📁 檔案系統存取

Generate WunderUI Brand Themes

Branding WunderUI requires consistent colour tokens and readable light and dark states. This skill generates brand CSS and reports contrast checks from one hexadecimal colour.

支援: Claude Codex Code(CC)

📊 71 尚可

Maintain this Skill? Claim it 📊 71 尚可

使用我的智慧代理安裝

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

智能體請求

Review the Skillstore skill "wunderui-theme" from https://skillstore.io/skills/wunder-ui-wunderui-theme.md and its manifest at https://skillstore.io/api/skills/wunder-ui-wunderui-theme/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

Agent 可讀資源

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

Markdown 詳情 GET /skills/wunder-ui-wunderui-theme.md 已簽名 manifest GET /api/skills/wunder-ui-wunderui-theme/manifest 已簽名 lockfile GET /api/skills/wunder-ui-wunderui-theme/lockfile

測試它

正在使用「wunderui-theme」。 Generate a global theme using #0F766E.

預期結果:

The supplied colour remains the primary colour at step 600.
The stylesheet includes eleven brand shades and light and dark token overrides.
The report lists checked colour pairs, measured contrast, and any adjusted shades.

正在使用「wunderui-theme」。 Create a customer preview scoped to .acme with a large radius.

預期結果:

Brand tokens are declared on the .acme wrapper and its light and dark variants.
Radius changes are omitted because WunderUI compiles them into global utilities.
The report includes scope notes and contrast results.

正在使用「wunderui-theme」。 Check an existing WunderUI theme stylesheet.

預期結果:

The checker uses installed WunderUI styles when available, otherwise built-in defaults.
The report lists passing, failing, and unresolved colour pairs in both modes.
The normal console workflow returns exit code 2 when any checked pair fails.

安全審計

中風險

v1 • 2026/10/10 開啟版本化報告

Most static alerts match JavaScript syntax, CSS selectors, colour conversion, or documentation rather than dangerous execution. Report writes can overwrite unrelated files, and untrusted font values can inject additional CSS. No evidence found of credential access, network exfiltration, malware, or prompt injection.

已掃描檔案

774

分析行數

複核項目

已忽略的誤報

已確認的安全問題 (1)

中

scripts/theme.mjs:231 scripts/theme.mjs:278 scripts/theme.mjs:332-337 scripts/theme.mjs:549

Untrusted Font Values Can Inject CSS

Font text passes through fontStack without escaping CSS delimiters. Untrusted values can add rules or resource URLs when the generated stylesheet is imported.

The CLI accepts arbitrary font strings and interpolates them into CSS declarations. Exploitation requires untrusted font input and subsequent stylesheet use.

能力複核項目 (1)

這些是真實的本機能力，對此技能而言可能是預期行為，因此需要複核，但不會按已確認的惡意行為計分。

中

scripts/theme.mjs:532

Synchronous file operations

writeFileSync(file, text)

writeFileSync replaces existing report targets without the CSS overwrite guard. A report path matching source CSS can destroy that file during make or check.

風險因素

🌐 網路存取 (5)

package.json:17 scripts/theme.mjs:10 scripts/theme.mjs:483 SKILL.md:8 SKILL.md:56

⚡ 包含腳本 (2)

scripts/theme.mjs:356 scripts/theme.mjs:434

⚙️ 外部命令 (50)

📁 檔案系統存取 (12)

scripts/theme.mjs:14 scripts/theme.mjs:396 scripts/theme.mjs:532 scripts/theme.mjs:552 scripts/theme.mjs:588 scripts/theme.mjs:231 scripts/theme.mjs:295 scripts/theme.mjs:403 scripts/theme.mjs:404 scripts/theme.mjs:405 scripts/theme.mjs:434 scripts/theme.mjs:548

審計單位: codex

分享與引用此報告

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

開啟版本化報告

複製報告連結

https://skillstore.io/skills/wunder-ui-wunderui-theme/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/wunder-ui-wunderui-theme/security.svg)](https://skillstore.io/skills/wunder-ui-wunderui-theme?utm_source=security_passport_badge)

HTML 徽章

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

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/wunder-ui-wunderui-theme.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 引用

wunder-ui. (2026). wunderui-theme security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wunder-ui-wunderui-theme/audits/1

BibTeX 引用

@techreport{wunder-ui-wunder-ui-wunderui-theme-2026,
  author = {wunder-ui},
  title = {wunderui-theme security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/wunder-ui-wunderui-theme/audits/1},
  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: "wunderui-theme security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "wunder-ui"
date-released: "2026-10-10"
url: "https://skillstore.io/skills/wunder-ui-wunderui-theme/audits/1"
identifiers:
  - type: other
    value: "skillstore:wunder-ui-wunderui-theme:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore 評分

評分依據證據置信度: 中

架構

可維護性

內容

社群

規範符合度

你可以打造什麼

Rebrand an Application

Generate global brand tokens and review light and dark contrast before importing the stylesheet.

Preview Customer Branding

Create a scoped theme for a customer preview without changing the brand tokens outside its wrapper.

Review Theme Contrast

Check a custom WunderUI stylesheet and review unresolved tokens or failing colour pairs.

試試這些提示

Generate a First Theme

Generate a WunderUI theme from #0F766E. Use separate CSS and report files. Show contrast results and ask before changing existing project files.

Customize Brand Styling

Create a global WunderUI theme using #0F766E, accent #F59E0B, large radius, and the already loaded Geist font. Explain any contrast failures.

Build a Scoped Preview

Generate a WunderUI theme from #059669 scoped to .acme. Preserve surrounding styles, omit radius changes, and report light and dark contrast.

Audit Existing Theme CSS

Check our WunderUI theme CSS against installed library styles. Write the report to a separate unused path. Explain failures without modifying the theme.

最佳實務

Use confirmed hexadecimal colours and trusted font names; review generated CSS before importing it.
Choose separate, intended CSS and report paths, and obtain approval before replacing project files.
Import the theme after WunderUI styles and verify representative components in both light and dark modes.

避免

Treating selected contrast checks as proof of complete WCAG compliance.
Passing untrusted font text or setting a report path to an existing source file.
Expecting scoped radius changes, automatic font loading, or full neutral and semantic palette replacement.