スキル prototype
📦

prototype

コンテンツリビジョン r1 安全 ⚡ スクリプトを含む⚙️ 外部コマンド📁 ファイルシステムへのアクセス

Explore Distinct UI Variants

Choosing a UI direction from one implementation limits useful comparison. This skill builds distinct, working variants in a live picker before integration.

対応: Claude Codex Code(CC)
🥉 77 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト
Review the Skillstore skill "prototype" from https://skillstore.io/skills/emilkowalski-prototype.md and its manifest at https://skillstore.io/api/skills/emilkowalski-prototype/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/emilkowalski-prototype.md 署名済み manifest GET /api/skills/emilkowalski-prototype/manifest 署名済み lockfile GET /api/skills/emilkowalski-prototype/lockfile

テストする

「prototype」を使用しています。 Prototype three account deletion confirmations.

期待される結果:

  • Guarded: explicit warning, typed confirmation, and restrained motion.
  • Progressive: consequences appear before the destructive action becomes available.
  • Contextual: account impact and export options sit beside the final action.

「prototype」を使用しています。 Keep the Dense variant.

期待される結果:

The Dense variant is integrated using the project's existing conventions. The temporary prototype surface is removed.

「prototype」を使用しています。 Riff on the Editorial direction.

期待される結果:

A new picker presents three editorial variations with distinct hierarchy, spacing, and motion approaches.

セキュリティ監査

安全
v1 • 2026/8/5 バージョン別レポートを開く

All 18 static findings are false positives caused by JavaScript, CSS, or Markdown syntax. The picker uses locally authored render functions in an isolated prototype, and no prompt injection, credential access, shell execution, or system reconnaissance was found.

2
スキャンされたファイル
289
解析済み行数
0
レビュー項目
0
誤検知を無視

リスク要因

⚡ スクリプトを含む (2)
PICKER.md:160 PICKER.md:162
⚙️ 外部コマンド (10)
PICKER.md:145-156 PICKER.md:156-197 SKILL.md:9 SKILL.md:15 SKILL.md:54 SKILL.md:82 SKILL.md:83 SKILL.md:84 SKILL.md:85 SKILL.md:86
📁 ファイルシステムへのアクセス (1)
PICKER.md:185
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex
このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/emilkowalski-prototype/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/emilkowalski-prototype/security.svg)](https://skillstore.io/skills/emilkowalski-prototype?utm_source=security_passport_badge)

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/emilkowalski-prototype.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形式の引用

emilkowalski. (2026). prototype security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-prototype/audits/1

BibTeX形式の引用

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

バリアントを比較

インストール可能なバリアント 2 件

各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。

このバリアントが首位の理由

Skillstore スコアが最高
mattpocock 推奨

mattpocock-prototype

Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 8
更新済み

2026-09-09

emilkowalski 現在

emilkowalski-prototype

Skillstore スコア 77
証拠の信頼度 中
Skillstore 利用状況 6
更新済み

2026-09-09

Skillstore スコア

このスコアの理由 証拠の信頼度: 中
55
アーキテクチャ
85
保守性
87
コンテンツ
65
コミュニティ
83
仕様準拠

作成できるもの

Compare Product UI Directions

Explore distinct layouts and interaction models for a product component before committing engineering time.

Prototype Within an Existing App

Build isolated variants that reuse the current framework, tokens, and frontend conventions.

Review a Decision With Stakeholders

Present working alternatives in a consistent picker with clear benefits and costs.

これらのプロンプトを試す

Explore a Simple Component 
Prototype three distinct versions of a settings save button. Keep them consistent with this project and show them in the picker.
Compare Interaction Models 
Prototype three notification center variants that differ in layout, density, and interaction model. Use realistic content and preserve accessibility.
Expand the Design Space 
Prototype five checkout confirmation variants. Explore quiet, editorial, compact, reassuring, and action-focused directions within the existing design system.
Refine and Promote a Direction 
Riff on the compact variant with three new directions. After I choose one, integrate it and remove the prototype surface.

ベストプラクティス

  • Describe one component, its product context, and its required interactions.
  • Name the design axes that matter, such as density, hierarchy, motion, or interaction model.
  • Compare every variant live before selecting one for integration.

回避

  • Do not request an entire dashboard or multi-page flow in one run.
  • Do not treat color-only changes as genuinely different design directions.
  • Do not promote a variant before checking its interactions and tradeoffs.

よくある質問

How many variants does the skill create?
It creates three variants by default and supports up to five when requested.
Does it modify production code immediately?
No. Exploration stays isolated until you explicitly select a variant for integration.
Can it work without an existing project?
Yes. It can create a self-contained HTML prototype with inline styles and scripts.
Does it use the existing design system?
Yes. It reviews available tokens, frameworks, and conventions so variants fit the product.
Can I request another round?
Yes. Ask it to riff on a named variant to generate new directions around that choice.
What happens after I choose a variant?
It integrates the selected design and removes the prototype unless you ask to keep it.

開発者情報

作成者

emilkowalski

ライセンス

MIT

Skillstore リビジョン

r1

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/emilkowalski/skills/tree/da80201b64de7d608a6dc5f723797ce6c65b692b/skills/prototype

参照

286d37c9c189ddd1aafd3548415fb031d1df79d5

メンテナンスの新しさ

2026/8/6

利用状況

0 ダウンロード · 0 閲覧

ファイル構成

📄 PICKER.md

📄 SKILL.md

emilkowalski のその他のスキル

すべて表示
📦

apple-design

78

流麗なApple風Webインターフェースを設計する

ジェスチャー駆動のWebインターフェースは、応答が遅く、硬直的で、視覚的な一貫性に欠けることが少なくありません。このスキルは、レスポンシブなモーション、マテリアル、タイポグラフィ、アクセシビリティ、インタラクション設計に関する実践的なガイダンスを提供します。

デザイン＆クリエイティブ 表示

関連スキル

すべて表示
📦

extract

79

再利用可能なデザインシステムパターンを抽出する

作成者 pbakaus

チームはアプリケーション全体で UI コンポーネント、トークン、レイアウトパターンを重複して作成しがちです。このスキルは、Claude、Codex、または Claude Code が再利用可能なパターンを見つけ、それらを保守されたデザインシステムへ統合するのに役立ちます。

デザイン＆クリエイティブ 表示