📦
code-instructor
80アプリを作りながらコードを学ぶ
実際のプロジェクトから切り離された例では、コード学習は抽象的に感じられることがあります。このスキルは、動作するアプリケーションを段階的に作りながら概念を教えます。
コーディング＆開発 表示
スキル ux-prototyping
📦
ux-prototyping
コンテンツリビジョン r1 安全 ⚡ スクリプトを含む⚙️ 外部コマンド
インタラクティブなUXプロトタイプを構築
チームには、エンジニアリング作業を始める前にフローを迅速に検証することが求められます。このスキルは、UX仕様を画面、状態、基本的なインタラクションを備えたインタラクティブなHTMLプロトタイプに変換します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "ux-prototyping" from https://skillstore.io/skills/emz1998-ux-prototyping.md and its manifest at https://skillstore.io/api/skills/emz1998-ux-prototyping/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「ux-prototyping」を使用しています。 サインイン、ダッシュボード、タスク作成モーダル、詳細ビューを含むタスク管理ツールのUX仕様。
期待される結果:
ウェルカム、ログイン、ダッシュボード、タスク作成、空の状態、タスク詳細画面を含む単一のHTMLプロトタイプ。
「ux-prototyping」を使用しています。 決済エラーを含むモバイルチェックアウトフローの検証リクエスト。
期待される結果:
カート確認、配送、支払い、確認、カード拒否、再試行パスを示すレスポンシブプロトタイプ。
「ux-prototyping」を使用しています。 UXデザイナーが検索フローの空、読み込み中、エラー状態を依頼。
期待される結果:
スケルトンローディング、検索結果なし、インライン検証エラー、成功確認ビューを示すプロトタイプ。
セキュリティ監査
安全v6 • 2026/7/9 バージョン別レポートを開く
The only confirmed issue is a medium client-side XSS risk in assets/prototype-template.html where form values are rendered with innerHTML. The remaining static findings are false positives from Markdown backticks, JavaScript template literals, CSS border styles, and local array lookup. No prompt injection or malicious intent was found.
2
スキャンされたファイル
644
解析済み行数
1
レビュー項目
0
誤検知を無視
機能レビュー項目 (1)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
中
innerHTML assignment (XSS risk)
listContainer.innerHTML = state.items.map(item => `
createItem reads title and description from inputs and stores them in state.items, then renderItems interpolates those values into listContainer.innerHTML. A crafted title or description can inject HTML or event handlers in the prototype.
リスク要因
⚡ スクリプトを含む (1)
⚙️ 外部コマンド (16)
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/emz1998-ux-prototyping/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/emz1998-ux-prototyping?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/emz1998-ux-prototyping?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-ux-prototyping/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/emz1998-ux-prototyping.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形式の引用
Emz1998. (2026). ux-prototyping security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-ux-prototyping/audits/6BibTeX形式の引用
@techreport{emz1998-emz1998-ux-prototyping-2026,
author = {Emz1998},
title = {ux-prototyping security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/emz1998-ux-prototyping/audits/6},
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: "ux-prototyping security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "Emz1998"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/emz1998-ux-prototyping/audits/6"
identifiers:
- type: other
value: "skillstore:emz1998-ux-prototyping:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 36
アーキテクチャ
85
保守性
87
コンテンツ
70
コミュニティ
83
仕様準拠
作成できるもの
オンボーディングフローを検証
エンジニアリングリソースを投入する前に、UX仕様をステークホルダーのレビュー用にクリック可能な画面へ変換します。
インタラクション状態をテスト
空、読み込み中、エラー、成功の状態をプレビューし、フローが完成しているように感じられるかを確認します。
アプリのコンセプトをデモ
バックエンドサービスを構築せずに、フィードバックセッション用のポータブルなHTMLプロトタイプを作成します。
これらのプロンプトを試す
基本的なプロトタイプを作成
specs/architecture/ux.md からインタラクティブなHTMLプロトタイプを作成してください。主要な画面、ナビゲーション、空の状態を含めてください。
特定のフローをプロトタイプ化
[path] のオンボーディングフローのプロトタイプを構築してください。フォーム検証、成功、エラー、復旧状態を含めてください。
インタラクション動作を改善
画面遷移、モーダル動作、無効化されたボタン、検証フィードバックがUX仕様に一致するようにプロトタイプを更新してください。
複雑な状態を検証
[feature] の完全な検証用プロトタイプを作成してください。主要、セカンダリ、読み込み中、部分的、エラー、ロールバックのパスを網羅してください。
ベストプラクティス
- UX仕様のパスを提供し、最初に主要なユーザーフローの名前を示してください。
- 空、読み込み中、エラー、成功ケースを含む必要な状態を列挙してください。
- リサーチで使用する前に、生成されたプロトタイプのテキストとインタラクションをレビューしてください。
回避
- 本番コード、バックエンド統合、データベース永続化を求めること。
- ユーザージャーニーや画面要件なしに、ビジュアル上の好みだけを提供すること。
- 生成されたJavaScriptをレビューする前に、信頼できないユーザーとプロトタイプを共有すること。
よくある質問
このスキルは何を作成しますか？
UX検証用に、インラインスタイルとスクリプトを含む単一のHTMLプロトタイプを作成します。
既存のUX仕様を使用できますか？
はい。仕様のパスを提供するか、関連するフローの詳細を貼り付けてください。
出力は本番対応ですか？
いいえ。検証、レビュー、デモを目的としています。
バックエンドは必要ですか？
いいえ。プロトタイプ内でデータとインタラクションをシミュレートします。
モバイルフローをテストできますか？
はい。モバイルビューポートを指定し、対象デバイスの制約を含めて依頼してください。
どのAIツールで使用できますか？
Claude、Codex、Claude Code 向けに掲載されています。
開発者情報
作成者
Emz1998ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
メンテナンスの新しさ
2026/7/25
利用状況
7 ダウンロード · 227 閲覧
ファイル構成
Emz1998 のその他のスキル
すべて表示📦
brainstorming-features
79構造化されたアイデアでアプリ機能をブレインストーミング
チームには、ユーザー価値、実現可能性、指標を結びつける実用的な機能アイデアが必要です。このスキルは、Webアプリやモバイルアプリの計画に向けた構造化ブレインストーミングを支援します。
生産性 表示
📦
writing-page-layout
79コンパクトな Next.js ページレイアウトを作成する
Next.js のページファイルは、レイアウト、型、ページロジックが一緒に増えていくと保守が難しくなることがあります。このスキルは、Claude、Codex、Claude Code が、型を分離したモジュール化された page.tsx レイアウトを生成できるようにガイドします。
コーディング＆開発 表示
📦
tasks-generator
78プロジェクトのタスクロードマップを生成
プロジェクトチームは、仕様を明確な実装作業へ落とし込むのに苦労することがよくあります。このスキルは、仕様を依存関係と検証手順を含む段階的なタスクに変換します。
生産性 表示
📦
writing-types
78モジュール化された Next.js 型を書く
Next.js プロジェクトでは、保守が難しい大きな型ファイルが増えてしまうことがあります。このスキルは、Claude、Codex、Claude Code が srs/types に小さな TypeScript の型とインターフェイスを書くように導きます。
コーディング＆開発 表示
📦
implementation-review
78コミット前に実装をレビューする
ワークフローのステップが速く進むと、チームは計画上の欠陥やコードの問題を見落とすことがあります。このスキルは、次のフェーズに進む前に、完了した計画と実装をレビューエージェントへルーティングします。
コーディング＆開発 表示
関連スキル
すべて表示📦
design-exploration
78曖昧なアイデアからプロダクトデザインを探索する
作成者 yunshu0909
初期の機能アイデアは、明確なスコープ、レイアウトの方向性、実装可能な状態が不足していることがよくあります。このスキルは、Claude、Codex、Claude Code が質問、代替案、モックアップ、ドキュメント作成を通じて進められるよう支援します。
デザイン＆クリエイティブ 表示
📦
ui-ux-pro-max
75より優れたフロントエンドインターフェイスを設計する
作成者 DCjanus
UIやフロントエンドの作業では、スタイル、色、タイポグラフィ、レイアウト、フレームワークのパターンについて素早く判断することがよくあります。このスキルは、厳選されたローカルのデザインデータを検索し、実用的なUI/UX実装ガイダンスへと変換します。
デザイン＆クリエイティブ 表示
📦
ui-design
80特徴的なUIプロトタイプを設計する
作成者 tencentcloudbase
汎用的なAIインターフェースは、視覚的な方向性やプラットフォームを考慮した細部が不足しがちです。このスキルは、Claude、Codex、Claude Codeがプロトタイプを構築する前にデザイン意図を定義できるよう支援します。
デザイン＆クリエイティブ 表示
📦
apple-ui-design
79Apple風インターフェイスをデザインする
作成者 BarisSozen
現代のプロダクトチームには、一貫性があり洗練されたUIガイダンスが必要です。このスキルは、Claude、Codex、Claude Codeに対して、タイポグラフィ、カラー、スペーシング、コンポーネント、モーション、UXレビューに関する実践的なApple風ルールを提供します。
デザイン＆クリエイティブ 表示
📦
stitch-ui-design
79より良い Google Stitch UI プロンプトを作成する
作成者 sickn33
プロンプトの詳細が不足していると、Google Stitch は汎用的なデザインを生成することがあります。このスキルは、画面、フロー、ビジュアルスタイル、アクセシビリティ、ハンドオフに関する構造化されたプロンプト作成ガイダンスを提供します。
デザイン＆クリエイティブ 表示
📦
popup-cro
79UXを損なわずにポップアップを最適化する
作成者 sickn33
タイミングの悪いポップアップは信頼を下げ、モバイルUXを損ない、コンバージョンを弱める可能性があります。このスキルは、明確なトリガー、コピー、ターゲティング、テストを備えた、配慮あるポップアップ戦略の設計をチームに支援します。
デザイン＆クリエイティブ 表示