スキル wunderui-screen
📦
wunderui-screen
コンテンツリビジョン r1 中リスク 🌐 ネットワークアクセス📁 ファイルシステムへのアクセス⚙️ 外部コマンド🔑 環境変数
Build React Screens with WunderUI
Generated screens often miss UI states, responsive layouts, and consistent design tokens. This skill guides WunderUI component selection, screen assembly, and validation within the selected plan.
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "wunderui-screen" from https://skillstore.io/skills/wunder-ui-wunderui-screen.md and its manifest at https://skillstore.io/api/skills/wunder-ui-wunderui-screen/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「wunderui-screen」を使用しています。 Build a profile settings screen on the Free plan.
期待される結果:
- Illustrative result: a settings screen using free form and feedback components.
- Loading, empty, and error states are available through a development status control.
- The completion report identifies changed files, selected components, defaults, and validation results.
「wunderui-screen」を使用しています。 Create a Free-plan revenue overview without paid charts.
期待される結果:
- Illustrative result: metric cards, trend indicators, and progress bars replace chart regions.
- Loading placeholders, an empty overview, and retryable errors remain available.
- The report notes that paid charts and the full app shell require an appropriate paid plan.
セキュリティ監査
中リスクv1 • 2026/10/10 バージョン別レポートを開く
All 62 static findings are false positives involving documentation, JavaScript syntax, expected project reads, or public metadata requests. A semantic finding identifies plan enforcement that defaults to Pro and permits imports with unknown licensing metadata. No evidence found of malicious prompt injection, credential collection, or data exfiltration.
6
スキャンされたファイル
305
解析済み行数
0
レビュー項目
0
誤検知を無視
確認済みのセキュリティ上の懸念 (1)
中
Plan Restrictions Fail Open
Missing plan configuration defaults to Pro, and Core is not restricted separately. Free checks accept unknown component tiers when design metadata is unavailable or incomplete.
The code restricts only Free and rejects only known Pro tiers, despite instructions to determine the user plan first. This permits licensing violations.
リスク要因
🌐 ネットワークアクセス (5)
📁 ファイルシステムへのアクセス (14)
references/layouts.md:7 scripts/screen.mjs:12 scripts/screen.mjs:17 scripts/screen.mjs:24 scripts/screen.mjs:119 scripts/screen.mjs:121 scripts/screen.mjs:124 scripts/screen.mjs:129 scripts/screen.mjs:131 scripts/screen.mjs:135 scripts/screen.mjs:136 scripts/screen.mjs:137 scripts/screen.mjs:141 scripts/screen.mjs:144
⚙️ 外部コマンド (34)
scripts/screen.mjs:8 scripts/screen.mjs:25 scripts/screen.mjs:54 scripts/screen.mjs:57 scripts/screen.mjs:58 scripts/screen.mjs:60 scripts/screen.mjs:69 scripts/screen.mjs:71 scripts/screen.mjs:77 scripts/screen.mjs:89 scripts/screen.mjs:96 scripts/screen.mjs:97 scripts/screen.mjs:98-109 scripts/screen.mjs:109 scripts/screen.mjs:140 scripts/screen.mjs:143 SKILL.md:8 SKILL.md:11 SKILL.md:12 SKILL.md:13 SKILL.md:14 SKILL.md:16 SKILL.md:22 SKILL.md:28 SKILL.md:29 SKILL.md:30 SKILL.md:34 SKILL.md:40 SKILL.md:41 SKILL.md:42 SKILL.md:43 SKILL.md:44 SKILL.md:47 SKILL.md:50
🔑 環境変数 (2)
監査者: codex
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/wunder-ui-wunderui-screen/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/wunder-ui-wunderui-screen?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/wunder-ui-wunderui-screen?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wunder-ui-wunderui-screen/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/wunder-ui-wunderui-screen.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-screen security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wunder-ui-wunderui-screen/audits/1BibTeX形式の引用
@techreport{wunder-ui-wunder-ui-wunderui-screen-2026,
author = {wunder-ui},
title = {wunderui-screen security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/wunder-ui-wunderui-screen/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-screen 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-screen/audits/1"
identifiers:
- type: other
value: "skillstore:wunder-ui-wunderui-screen:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 中 68
アーキテクチャ
85
保守性
87
コンテンツ
65
コミュニティ
83
仕様準拠
作成できるもの
Build Product Dashboards
Assemble a responsive dashboard with plan-appropriate metrics, data regions, actions, and reviewable loading, empty, and error states.
Prototype Settings Screens
Create a Free-plan settings screen using forms, feedback components, design tokens, and invented sample data.
Review Screen Consistency
Check existing screen files for token violations, deep imports, missing state indicators, and known paid components before project validation.
これらのプロンプトを試す
Create a Simple Settings Screen
Build a WunderUI profile settings screen on the Free plan. Use invented data, design tokens, and loading, empty, and error states.
Build a Responsive Dashboard
Build a sales dashboard on my WunderUI Pro plan. Find matching blocks, verify component props, and add responsive layouts and reviewable UI states.
Adapt a Screen for Free
Adapt my analytics screen for WunderUI Free. Replace paid components with documented free alternatives, preserve UI states, and explain the lost functionality.
Audit and Validate a Screen
Review [screen files] for my confirmed WunderUI plan. Verify component signatures, tokens, motion, and every data region. Run checks, typecheck, and build.
ベストプラクティス
- Confirm the plan explicitly and verify component entitlements before accepting suggestions or importing blocks.
- Read real component signatures and use design tokens before implementing each screen region.
- Review each UI state on mobile and desktop, then run source checks, typecheck, and build.
回避
- Treating a successful regex check as proof of runtime correctness or license compliance.
- Copying paid component designs by hand to bypass plan restrictions.
- Using real personal data, guessed props, or hardcoded motion and color values in generated screens.
よくある質問
Which assistants can use this skill?
The skill supports Claude, Codex, and Claude Code in a React project that uses WunderUI.
What does the bundled helper do?
It searches component and block metadata, then checks specified source files for WunderUI conventions. The assistant performs screen implementation.
Can I use the Free plan?
Yes. Specify Free explicitly and use documented free alternatives. Verify entitlements manually because missing metadata can bypass the helper checks.
Does it need network access?
Block search retrieves a public registry index. Component metadata is read locally when available, otherwise it is fetched from the configured site.
Does it guarantee a working screen?
No. Its regex checks are limited. The workflow also calls for project typechecking, building, and manual review of responsive layouts and UI states.
Does it upload project source or credentials?
No evidence found of source or credential uploads in the bundled helper. Network requests retrieve metadata, and source checks read explicitly selected files.