wunderui-token-check
Replace Hardcoded Styles with WunderUI Tokens
Hardcoded colors and dimensions make WunderUI projects harder to theme consistently. This skill compares literals with bundled tokens and supports reviewed replacements with measured differences.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "wunderui-token-check" from https://skillstore.io/skills/wunder-ui-wunderui-token-check.md and its manifest at https://skillstore.io/api/skills/wunder-ui-wunderui-token-check/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Ressources lisibles par les agents
Utilisez ces liens lorsquâun Agent IA, un crawler ou un script a besoin dâun contexte propre au lieu de lire toute la page.
Tester
Utilisation de « wunderui-token-check ». Inspect a component with arbitrary padding of 16 pixels and a radius of 10 pixels.
Résultat attendu:
- Padding: the spacing scale has an exact 16-pixel match, classified as swap.
- Radius: the nearest bundled radius is 8 pixels, a 2-pixel difference classified as visible.
- No source edits were requested.
Utilisation de « wunderui-token-check ». Inspect a fixed white background before adding dark mode.
Résultat attendu:
- Fixed white background: classified as visible because replacing it with a semantic token changes dark-mode behavior.
- The bundled background token is white in light mode and dark in dark mode.
- Review the intended surface role before approving a replacement.
Audit de sécurité
Risque moyenMost static findings match harmless regular expressions, template strings, documentation, or expected local operations. Four findings confirm unsafe report output or report-supplied paths, allowing external file overwrites through symlinks or a tampered report. A separate semantic finding identifies symlink traversal during scanning; no evidence found of malicious intent, prompt injection, credential collection, or network transmission.
Préoccupations de sécurité confirmées (1)
ĂlĂ©ments dâĂ©valuation des capacitĂ©s (4)
Il sâagit de capacitĂ©s locales rĂ©elles qui peuvent ĂȘtre attendues pour cette compĂ©tence ; elles nĂ©cessitent donc un examen, mais ne sont pas comptabilisĂ©es comme comportement malveillant confirmĂ©.
Facteurs de risque
đ AccĂšs rĂ©seau (1)
âïž Commandes externes (48)
⥠Contient des scripts (4)
đ AccĂšs au systĂšme de fichiers (19)
Partager et citer ce rapport
Partagez le rapport dâĂ©valuation versionnĂ©, le badge neutre, la carte intĂ©grable et les citations. Skillstore prĂ©sente les preuves sans dĂ©cider si ce Skill est sĂ»r.
Copier le lien du rapport
https://skillstore.io/skills/wunder-ui-wunderui-token-check/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/wunder-ui-wunderui-token-check?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/wunder-ui-wunderui-token-check?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wunder-ui-wunderui-token-check/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/wunder-ui-wunderui-token-check.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citations académiques (APA · BibTeX · CFF)
Citation APA
wunder-ui. (2026). wunderui-token-check security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wunder-ui-wunderui-token-check/audits/1Citation BibTeX
@techreport{wunder-ui-wunder-ui-wunderui-token-check-2026,
author = {wunder-ui},
title = {wunderui-token-check security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/wunder-ui-wunderui-token-check/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-token-check 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-token-check/audits/1"
identifiers:
- type: other
value: "skillstore:wunder-ui-wunderui-token-check:audit:1"
description: "Skillstore immutable audit report identifier"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: MoyenCe que vous pouvez créer
Clean Up Component Styles
Compare component literals with WunderUI tokens and review supported replacements before editing source.
Review Token Coverage
Group distant values and decide whether each needs an existing semantic token, a new token, or an explicit exception.
Prepare Theme Changes
Inspect fixed colors and suggested light and dark values before planning a theming migration.
Essayez ces prompts
Check my trusted WunderUI project for hardcoded colors, spacing, and radii. Inspect symlinks before scanning. Summarize findings without changing source files.
Scan this component and explain its nearest tokens and measured differences. Compare suggested light and dark values. Do not apply replacements until I approve.
Generate a fresh report for these trusted source folders. Show the proposed swap replacements and wait for approval. Then apply them, rescan, and run project checks.
Group review findings by value and semantic role. Recommend mappings or exceptions, including dark-mode effects. Propose explicit selections for approval and identify manual spacing edits.
Bonnes pratiques
- Use a clean version-control checkpoint, trusted source folders, and a freshly generated report; inspect symlinks and report targets before fixing.
- Approve replacements by semantic role and inspect both theme modes rather than relying only on measured distance.
- Rescan after edits, review the diff, run project checks, and inspect affected components visually.
Ăviter
- Running fix against a supplied or tampered report without checking its paths and replacements.
- Treating low color distance as proof of accessibility, transparency preservation, or identical dark-mode behavior.
- Replacing every review finding automatically or changing artwork and brand colors without a design decision.
Foire aux questions
Which assistants can use this skill?
What must my project provide?
What do swap, visible, and review mean?
Does it rewrite every finding?
Does it send project data to a service?
What security precautions are necessary?
Détails du développeur
Auteur
wunder-uiLicence
MIT
Révision Skillstore
r1
Avis de version
Lâauteur nâa dĂ©clarĂ© aucune version.
Réf
e406bf64b5db6e514879399e87b346fa7ff7c2fb
Récence de maintenance
11/10/2026
Utilisation
0 téléchargements · 0 vues
Structure de fichiers
đ package.json
đ references/
đ tokens.json
đ scripts/
đ token-check.mjs
đ SKILL.md