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.
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
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.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「wunderui-setup」を使用しています。 Check whether my Tailwind v3 project is ready for WunderUI.
期待される結果:
- 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.
「wunderui-setup」を使用しています。 Summarize setup after creating the probe and registering MCP.
期待される結果:
- 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.
セキュリティ監査
高リスク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.
確認済みのセキュリティ上の懸念 (3)
機能レビュー項目 (4)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
🌐 ネットワークアクセス (5)
⚡ スクリプトを含む (1)
⚙️ 外部コマンド (47)
📁 ファイルシステムへのアクセス (17)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/wunder-ui-wunderui-setup/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/wunder-ui-wunderui-setup?utm_source=security_passport_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>埋め込みカード
<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>学術引用 (APA · BibTeX · CFF)
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/1BibTeX形式の引用
@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"
Skillstore スコア
このスコアの理由 証拠の信頼度: 中作成できるもの
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.
これらのプロンプトを試す
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.
ベストプラクティス
- 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.
回避
- 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.
よくある質問
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?
開発者情報
作成者
wunder-uiライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
e406bf64b5db6e514879399e87b346fa7ff7c2fb
メンテナンスの新しさ
2026/10/11
利用状況
0 ダウンロード · 0 閲覧
ファイル構成