wunderui-setup
Set Up WunderUI in Your React Project
WunderUI components can appear unstyled when package installation, Tailwind scanning, or token precedence is incomplete. This skill coordinates setup, creates a verification component, and documents remaining checks.
ArrĂȘtez-vous et demandez confirmation avant lâinstallation.
Examinez le plan et obtenez le consentement explicite de lâutilisateur avant de modifier des fichiers.
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-setup" from https://skillstore.io/skills/wunder-ui-wunderui-setup.md and its manifest at https://skillstore.io/api/skills/wunder-ui-wunderui-setup/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.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-setup ». Check whether my Tailwind v3 project is ready for WunderUI.
Résultat attendu:
- Readiness: Tailwind v3 does not meet the supported styling requirement.
- Next action: approve a Tailwind v4 upgrade before continuing setup.
- Verification: a styled WunderUI probe remains pending.
Utilisation de « wunderui-setup ». Summarize setup after creating the probe and registering MCP.
Résultat attendu:
- Setup report: lists the detected framework, CSS entry, package information, and recorded changes.
- Browser check: confirm the probe button background is not transparent.
- MCP check: restart the editor and call get_library_info.
- Remaining work: confirm token precedence before building the first screen.
Audit de sécurité
Risque élevéMost static alerts are formatting, regular expression matching, or expected project file access. Confirmed command execution risks include shell interpolation of checkout paths and npm output. Additional risks include unverified persistent agent rules, an unpinned MCP launcher, and package execution during checkout dry runs; no malicious payload was found.
Préoccupations de sécurité confirmées (3)
Ă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 (5)
⥠Contient des scripts (1)
âïž Commandes externes (47)
đ AccĂšs au systĂšme de fichiers (17)
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-setup/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/wunder-ui-wunderui-setup?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/wunder-ui-wunderui-setup?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wunder-ui-wunderui-setup/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/wunder-ui-wunderui-setup.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-setup security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wunder-ui-wunderui-setup/audits/1Citation BibTeX
@techreport{wunder-ui-wunder-ui-wunderui-setup-2026,
author = {wunder-ui},
title = {wunderui-setup security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/wunder-ui-wunderui-setup/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-setup 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-setup/audits/1"
identifiers:
- type: other
value: "skillstore:wunder-ui-wunderui-setup:audit:1"
description: "Skillstore immutable audit report identifier"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: MoyenCe que vous pouvez créer
Configure a New React Interface
Add WunderUI to an existing React project and inspect a small component probe before building application screens.
Resolve Unstyled Components
Check Tailwind source scanning, stylesheet imports, and token precedence when existing WunderUI components render without expected styles.
Standardize Team Setup
Review design references and MCP configuration, then document project prerequisites and pending verification for a team handoff.
Essayez ces prompts
Inspect my React project with WunderUI detection in dry mode. Identify the framework, Tailwind version, and CSS entry without installing packages.
Set up WunderUI for my Free plan. Ask before installation or edits, and show downloaded agent instructions for review before inserting them.
Diagnose why my WunderUI buttons are unstyled. Check the Tailwind source path and stylesheet order, preserve my tokens, and verify the probe.
Review my built WunderUI checkout before setup. Check shell arguments, lifecycle scripts, and MCP version trust; require approval before execution and report remaining checks.
Bonnes pratiques
- Review dependency sources, lifecycle scripts, downloaded rules, and the MCP launcher before approving execution.
- Run detection first, confirm Tailwind v4, and agree on token precedence before editing the CSS entry.
- Keep a recoverable project snapshot, inspect changes, and verify both the probe rendering and MCP availability.
Ăviter
- Treating --dry checkout installation as a guarantee that no subprocesses run or files change.
- Automatically trusting downloaded instruction files or an unpinned MCP package.
- Removing project token overrides or declaring setup complete without consent and browser verification.
Foire aux questions
Does this create a React project from nothing?
Can I use Tailwind v3?
Can I use a local Core or Pro checkout?
Will setup preserve my existing design tokens?
Why are MCP tools unavailable after registration?
Is dry mode guaranteed to avoid changes?
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/
đ troubleshooting.md
đ scripts/
đ setup.mjs
đ SKILL.md