スキル imagegen-frontend-web
📦

imagegen-frontend-web

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド

プレミアムなフロントエンド参考画像を生成

フロントエンド画像プロンプトは、しばしば反復的なレイアウトを生成します。このスキルは、Claude、Codex、Claude Code を、セクションごとに異なるWebサイト参考画像へと導きます。

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

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

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

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

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

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

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

Markdown詳細 GET /skills/leonxlnx-imagegen-frontend-web.md 署名済み manifest GET /api/skills/leonxlnx-imagegen-frontend-web/manifest 署名済み lockfile GET /api/skills/leonxlnx-imagegen-frontend-web/lockfile

テストする

「imagegen-frontend-web」を使用しています。 Generate a landing page for a privacy-focused analytics tool.

期待される結果:

このスキルは、ヒーロー、機能、証拠、料金、FAQ、CTAの表現に変化を持たせた、ラベル付きの横長セクション画像を6枚返します。

「imagegen-frontend-web」を使用しています。 Create a hero section for a luxury travel brand.

期待される結果:

このスキルは、プレミアムなタイポグラフィ、力強い画像、読みやすいCTAエリアを備えた、映画的な横長ヒーロー参考画像を1枚生成します。

「imagegen-frontend-web」を使用しています。 Design eight sections for a fintech website.

期待される結果:

このスキルは、パレット、タイポグラフィ、CTA文言、余白、信頼感を重視した視覚的リズムを共有する、8枚の個別画像を作成します。

セキュリティ監査

安全
v4 • 2026/7/6 バージョン別レポートを開く

All static findings were adjudicated as false positives. The external command alerts are Markdown inline-code descriptions, and the reconnaissance alerts are design vocabulary in SKILL.md. No evidence found of command execution, network probing, system reconnaissance, prompt injection, or malicious intent.

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

リスク要因

⚙️ 外部コマンド (8)
SKILL.md:81 SKILL.md:83 SKILL.md:85 SKILL.md:87 SKILL.md:89 SKILL.md:91 SKILL.md:93 SKILL.md:95
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

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

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

レポートリンクをコピー

https://skillstore.io/skills/leonxlnx-imagegen-frontend-web/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/leonxlnx-imagegen-frontend-web/security.svg)](https://skillstore.io/skills/leonxlnx-imagegen-frontend-web?utm_source=security_passport_badge)

HTMLバッジ

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

埋め込みカード

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

leonxlnx. (2026). imagegen-frontend-web security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-imagegen-frontend-web/audits/4

BibTeX形式の引用

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

Skillstore スコア

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

作成できるもの

ランディングページのコンセプト作成

反復的なテンプレートブロックを避けながら、セクション間の一貫性を保つ、画像主導のランディングページ参考資料を作成します。

製品Webサイトのアートディレクション

製品ブリーフを、明確な階層、CTAの優先順位、構築可能なレイアウトの手がかりを備えたセクション画像に変換します。

フロントエンド実装のガイド

開発者に、余白、画像、タイポグラフィ、リズム、レスポンシブ意図を示す視覚的なセクション参考資料を提供します。

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

初心者向けヒーローコンセプト 
Generate one premium hero section image for a modern SaaS product. Use a non-default composition and clear CTA priority.
ランディングページセット 
Generate six horizontal images for a landing page. Keep one brand world and vary composition across each section.
製品サイトの方向性 
Create eight website section images for a fintech product. Use product-led imagery, restrained proof, and clear conversion flow.
高度なクリエイティブシステム 
Design twelve horizontal section images for a creative studio site. Use one palette, varied anchors, and a visible narrative concept.

ベストプラクティス

  • サイト種別、オーディエンス、ブランドの雰囲気、主要なコンバージョン目標を明記します。
  • 正確な画像セットが必要な場合は、希望するセクション数を指定します。
  • 一貫性が重要な場合は、ブランドカラー、製品スクリーンショット、画像参考資料を提供します。

回避

  • ヒーロー画像が1枚だけ必要な場合に、完全なWebサイトを依頼しないでください。
  • 1つの複数セクションセット内で、多くの無関係なビジュアルスタイルを要求しないでください。
  • ブランドトーン、オーディエンス、製品カテゴリが重要な場合に、あいまいなブリーフを使用しないでください。

よくある質問

このスキルはフロントエンドコードを作成しますか？
いいえ。フロントエンドデザインのための視覚的参考資料とアートディレクションを作成します。
ランディングページでは何枚の画像を生成しますか？
枚数が指定されていない場合、デフォルトで横長セクション画像を6枚生成します。
単一のヒーロー画像を依頼できますか？
はい。ヒーローのリクエストでは、ファーストビューに焦点を当てた横長画像を1枚生成します。
すべてのセクションは同じ見た目になりますか？
いいえ。このスキルは、セクションごとに構図、背景モード、密度、CTAの扱いを変化させます。
製品サイトやSaaS Webサイトに適していますか？
はい。製品の見せ方、証拠セクション、CTA階層、実装しやすいレイアウトの手がかりが含まれます。
既存のブランド方針に従えますか？
はい。より強い一貫性を得るには、パレット、トーン、画像、セクション目標を提供してください。

開発者情報

作成者

leonxlnx

ライセンス

MIT

Skillstore リビジョン

r1

バージョンに関する注意

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

リポジトリ

https://github.com/leonxlnx/taste-skill/tree/main/skills/imagegen-frontend-web/

参照

b8ca75d2c0a7e7102978993058777d82b8ab2610

メンテナンスの新しさ

2026/7/22

利用状況

7 ダウンロード · 30 閲覧

ファイル構成

📄 SKILL.md

leonxlnx のその他のスキル

すべて表示

関連スキル

すべて表示