📦
design-taste-frontend
78洗練されたフロントエンドインターフェースを構築
作成者 leonxlnx
AIが生成するインターフェースは、汎用的に見えたり、本番環境で必要な細部が抜け落ちたりしがちです。このスキルは、Claude、Codex、Claude Codeに厳格なデザインおよびフロントエンドのガードレールを提供します。
デザイン＆クリエイティブ 表示
スキル app-store-screenshots
📦
app-store-screenshots
コンテンツリビジョン r1 安全 ⚙️ 外部コマンド
App Storeスクリーンショットジェネレーターを作成する
App Storeのスクリーンショットには、強力なマーケティングコピー、正しい寸法、信頼性の高いエクスポートが必要です。このスキルは、洗練されたiOSスクリーンショット素材を作成するためのNext.jsジェネレーターを、Claude、Codex、Claude Codeが構築できるように導きます。
対応: Claude Codex Code(CC)
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "app-store-screenshots" from https://skillstore.io/skills/parthjadhav-app-store-screenshots.md and its manifest at https://skillstore.io/api/skills/parthjadhav-app-store-screenshots/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「app-store-screenshots」を使用しています。 開発者が習慣追跡アプリ、5枚のアプリスクリーンショット、アプリアイコン、緑のブランドカラーを持っており、6枚のApp Storeスライドを求めている。
期待される結果:
- ヒーローベネフィット、3枚の焦点を絞った機能スライド、1枚の信頼訴求スライド、1枚の追加機能スライドで構成される6枚のストーリー構成。
- 各スライド向けの短い見出し案、推奨される改行、視覚的な強調ポイント。
- スマートフォンモックアップとApple縦向きエクスポートサイズを使ったNext.jsジェネレーターの構築計画。
「app-store-screenshots」を使用しています。 プロダクトマーケターが、既存のスクリーンショットをドキュメントのような印象ではなく、広告らしい印象にしたいと考えている。
期待される結果:
- 各スクリーンショットに明確な訴求点を1つ持たせる改訂版スライド順序。
- より強いコピー、コントラストのあるスライド、スマートフォン配置、簡素化された装飾に関する推奨事項。
- 一貫したファイル名とクリーンなブラウザベース画像生成のためのエクスポートメモ。
「app-store-screenshots」を使用しています。 デザインエンジニアがhtml-to-imageで空白のエクスポートに遭遇しており、信頼できるエクスポートプロセスを必要としている。
期待される結果:
- フォント、画像読み込み、オフスクリーン配置、タイミング、キャプチャ順序に関するトラブルシューティングチェックリスト。
- 最終画像を保存する前にエクスポートをウォームアップする推奨事項。
- プレビュースケール、フル解像度出力、目標寸法を確認するための検証計画。
セキュリティ監査
安全v6 • 2026/7/9 バージョン別レポートを開く
The high screen-capture detections are false positives: the skill asks for local app screenshot files and uses local DOM capture for export. The external-command detections are Markdown setup examples, inline code, or TypeScript snippets with fixed commands and no dynamic execution path. Manual review of mockup.png found a normal phone-frame PNG asset.
1
スキャンされたファイル
335
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
⚙️ 外部コマンド (45)
SKILL.md:10 SKILL.md:52-55 SKILL.md:55-59 SKILL.md:59-75 SKILL.md:75-79 SKILL.md:79 SKILL.md:83-96 SKILL.md:96-98 SKILL.md:98-102 SKILL.md:102-110 SKILL.md:110-141 SKILL.md:141-176 SKILL.md:176-186 SKILL.md:186-190 SKILL.md:190-197 SKILL.md:197-205 SKILL.md:205-206 SKILL.md:206-210 SKILL.md:210-212 SKILL.md:212-221 SKILL.md:221-223 SKILL.md:223-228 SKILL.md:228-229 SKILL.md:229-234 SKILL.md:234 SKILL.md:235 SKILL.md:236-245 SKILL.md:245-253 SKILL.md:253-254 SKILL.md:254 SKILL.md:255-262 SKILL.md:262-264 SKILL.md:264-267 SKILL.md:267-270 SKILL.md:270-273 SKILL.md:273-277 SKILL.md:277-287 SKILL.md:287 SKILL.md:291-309 SKILL.md:309-313 SKILL.md:313-314 SKILL.md:314 SKILL.md:315 SKILL.md:318-319 SKILL.md:319
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/parthjadhav-app-store-screenshots/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/parthjadhav-app-store-screenshots?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/parthjadhav-app-store-screenshots?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/parthjadhav-app-store-screenshots/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/parthjadhav-app-store-screenshots.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形式の引用
ParthJadhav. (2026). app-store-screenshots security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/parthjadhav-app-store-screenshots/audits/6BibTeX形式の引用
@techreport{parthjadhav-parthjadhav-app-store-screenshots-2026,
author = {ParthJadhav},
title = {app-store-screenshots security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/parthjadhav-app-store-screenshots/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: "app-store-screenshots security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "ParthJadhav"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/parthjadhav-app-store-screenshots/audits/6"
identifiers:
- type: other
value: "skillstore:parthjadhav-app-store-screenshots:audit:6"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 4 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
Skillstore スコアが最高
作者 / ソース Skillstore スコア 証拠の信頼度 Skillstore 利用状況 更新済み
parthjadhav-app-store-screenshots
Skillstore スコア 75
証拠の信頼度 中
Skillstore 利用状況 15
更新済み
2026-09-09
halt-catch-fire-app-store-screenshots
Skillstore スコア 50
証拠の信頼度 中
Skillstore 利用状況 7
更新済み
2026-09-09
101-skills-app-store-screenshots
Skillstore スコア 50
証拠の信頼度 中
Skillstore 利用状況 6
更新済み
2026-09-09
inference-sh-9-app-store-screenshots
Skillstore スコア 38
証拠の信頼度 中
Skillstore 利用状況 10
更新済み
2026-09-09
Skillstore スコア
このスコアの理由 証拠の信頼度: 中 55
アーキテクチャ
85
保守性
87
コンテンツ
69
コミュニティ
83
仕様準拠
作成できるもの
ローンチ用スクリーンショットセット
新しいiOSアプリのローンチに向けて、最初のApp Storeスクリーンショットセットを計画して構築します。
マーケティング刷新
既存のアプリ画面を、より明確でベネフィット主導のマーケティングスライドに変え、コピーを強化します。
再利用可能なエクスポートワークフロー
1つのデザインソースから複数サイズをエクスポートできる再利用可能なNext.jsページを作成します。
これらのプロンプトを試す
スクリーンショット計画を開始する
app-store-screenshotsスキルを使って、私のiOSアプリ用App Storeスクリーンショットを計画してください。コードを書く前に、必要な素材、ブランド詳細、機能リスト、スライド数、スタイルの方向性を私に確認してください。
スライドコピーを書く
このスキルを使って、各スクリーンショットスライドの見出し案を3つ作成してください。各見出しは1つのアイデアに集中させ、サムネイル表示でも読める短さにし、それぞれの案が有効な理由を説明してください。
ジェネレーターページを構築する
このスキルを使って、承認済みのスライド計画からNext.jsスクリーンショットジェネレーターページを構築してください。私が提供した素材、含まれているスマートフォンモックアップ、レスポンシブプレビュー、Apple iPhone縦向きサイズ用のエクスポートボタンを使用してください。
エクスポート品質をデバッグする
このスキルを使って、私のスクリーンショットエクスポートワークフローをレビューしてください。フォント読み込み、画像パス、オフスクリーンレンダリング、html-to-imageのタイミング、サイズ指定、ファイル名、空白エクスポートの修正を確認してください。
ベストプラクティス
- レイアウトを構築する前にスライドコピーを承認してください。弱いコピーはスクリーンショットのコンバージョンを下げるためです。
- 各スクリーンショットには訴求点を1つに絞り、セット全体でスマートフォンの配置に変化を持たせます。
- まず最大の必要サイズからエクスポートし、その後、小さいAppleサイズ向けに縮小します。
回避
- 各スクリーンショットを、説明文が詰め込まれた機能リストにしないでください。
- ブランドが意図的に必要としている場合を除き、すべてのスライドで同じスマートフォンレイアウトを再利用しないでください。
- 微妙なブランドらしい奥行きによって明瞭さが向上する場合は、単純な黒または白の背景だけに頼らないでください。
よくある質問
このスキルはApp Storeスクリーンショットを自動的に作成しますか？
AIコーディングエージェントがジェネレーターを構築できるようにガイドします。ユーザーは引き続き、アプリスクリーンショット、アイコン、ブランド詳細、承認を提供します。
どのアプリ形式を対象にしていますか？
iPhone縦向きのApp Storeスクリーンショットを対象としています。このスキルは、エクスポート用の一般的なApple縦向き寸法を一覧にしています。
スマートフォンモックアップは含まれていますか？
はい。このスキルには、事前計測済みのmockup.pngファイルと、フレーム内にアプリスクリーンショットを配置するためのオーバーレイ値が含まれています。
既存のNext.jsアプリで使えますか？
はい。既存プロジェクトに適応することも、ユーザーがセットアップコマンドを承認した場合に新しいNext.jsプロジェクトをスキャフォールドすることもできます。
どのエクスポートライブラリを使用しますか？
このスキルではhtml-to-imageを推奨しています。このワークフローでは、html2canvasよりもCSSスタイリングを安定して扱えるためです。
開始前にユーザーは何を準備すべきですか？
ユーザーは、実際のアプリスクリーンショット、アプリアイコン、ブランドカラー、フォント選択、機能の優先順位、スタイルの方向性を準備する必要があります。
開発者情報
作成者
ParthJadhavライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88
メンテナンスの新しさ
2026/7/18
利用状況
6 ダウンロード · 152 閲覧
ファイル構成
📄 SKILL.md
関連スキル
すべて表示📦
senior-fullstack
82シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
コーディング＆開発 表示
📦
vercel-react-view-transitions
82React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
コーディング＆開発 表示
📦
senior-frontend
81本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
コーディング＆開発 表示
📦
nextjs-architecture
81Next.js App Routerアーキテクチャを計画する
作成者 89jobrien
Next.jsチームは、ルート、コンポーネント、データ読み込み、移行手順の選択に苦労することがあります。このスキルは、App Router、Server Components、パフォーマンスに関する構造化されたアーキテクチャ指針を提供します。
コーディング＆開発 表示
📦
nextjs-optimization
80Next.js パフォーマンスの最適化
作成者 Atman36
Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。
コーディング＆開発 表示