stitch-design-taste
79プレミアムな Google Stitch デザインシステムを作成
汎用的なAI画面は、一貫性がなく調整しにくく見えることがよくあります。このスキルは、プロジェクトの方向性を、Google Stitch、Claude、Codex、Claude Code を導く構造化された DESIGN.md に変換します。
プレミアムなモバイルアプリ画面を作成
モバイルアプリの画像コンセプトは、汎用的だったり、詰め込みすぎていたり、一貫性がなかったりしがちです。このスキルは、Claude、Codex、Claude Code が洗練されたモバイル画面画像と一貫したフローを作成できるようにガイドします。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "imagegen-frontend-mobile" from https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile.md and its manifest at https://skillstore.io/api/skills/leonxlnx-imagegen-frontend-mobile/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「imagegen-frontend-mobile」を使用しています。 プレミアムなフィットネスアプリコンセプトを作成してください。
期待される結果:
オンボーディング、今日のビュー、ワークアウト詳細、進捗状態を示す、スマートフォンフレーム付きの一貫したモバイル画面画像セット。
「imagegen-frontend-mobile」を使用しています。 5 画面の ecommerce アプリをデザインしてください。
期待される結果:
一貫した商品画像を使用した、browse、product detail、cart、checkout、confirmation screens を含む洗練されたコマースフロー。
「imagegen-frontend-mobile」を使用しています。 ソーシャルアプリのオンボーディングフローを作成してください。
期待される結果:
多様なレイアウト、短いコピー、読みやすいタイポグラフィ、一貫した 1 つのビジュアルシステムを備えた複数のオンボーディング画面。
Static analysis flagged Markdown backticks and mobile design vocabulary as command execution and reconnaissance patterns. Review found only image-generation design guidance in SKILL.md, with no executable code, network activity, data access, or prompt injection attempt. All static findings are false positives.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-imagegen-frontend-mobile/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/leonxlnx-imagegen-frontend-mobile.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>leonxlnx. (2026). imagegen-frontend-mobile security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile/audits/4@techreport{leonxlnx-leonxlnx-imagegen-frontend-mobile-2026,
author = {leonxlnx},
title = {imagegen-frontend-mobile security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/leonxlnx-imagegen-frontend-mobile/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "imagegen-frontend-mobile 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-mobile/audits/4"
identifiers:
- type: other
value: "skillstore:leonxlnx-imagegen-frontend-mobile:audit:4"
description: "Skillstore immutable audit report identifier"
詳細なプロダクトデザインを始める前に、ビジュアル方向性と最初の画面セットを作成します。
アイデア、雰囲気、主要なユーザーフローを明確に示す、洗練されたアプリ画面を生成します。
チームレビュー用に、オンボーディング、コマース、ウェルネス、生産性フローの代替案を作成します。
穏やかな習慣トラッキングアプリ向けに、プレミアムな iOS 画面画像を 1 つ作成してください。読みやすいテキスト、ゆとりのある余白、クリーンなスマートフォンモックアップを使用してください。
個人向け金融アプリの 3 画面 Android フローを作成してください: welcome, dashboard, and transaction detail. パレットは統制され、信頼感のあるものにしてください。
ハンドメイド家具向けのプレミアムなコマースアプリコンセプトを作成してください。強い商品画像を使って、browse, product detail, cart, and confirmation screens を含めてください。
5 画面のクロスプラットフォーム対応ウェルネスアプリフローを作成してください。柔らかなテクスチャ、短いコピー、一貫したタイポグラフィ、カスタム感のあるアイコン、バランスの取れたスマートフォンモックアップを使用してください。
作成者
leonxlnxライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
b8ca75d2c0a7e7102978993058777d82b8ab2610
メンテナンスの新しさ
2026/7/18
利用状況
2 ダウンロード · 24 閲覧
ファイル構成
📄 SKILL.md
プレミアムな Google Stitch デザインシステムを作成
汎用的なAI画面は、一貫性がなく調整しにくく見えることがよくあります。このスキルは、プロジェクトの方向性を、Google Stitch、Claude、Codex、Claude Code を導く構造化された DESIGN.md に変換します。
洗練されたフロントエンドインターフェースを構築
AIが生成するインターフェースは、汎用的に見えたり、本番環境で必要な細部が抜け落ちたりしがちです。このスキルは、Claude、Codex、Claude Codeに厳格なデザインおよびフロントエンドのガードレールを提供します。
フロントエンドデザインのセンスを向上
AI が生成するフロントエンドは汎用的に見えたり、レスポンシブ状態が不足したりすることがあります。このスキルは、Claude、Codex、Claude Code に対して、より洗練された React と Tailwind の出力を得るための明確な UI ルールを提供します。
動き豊かなフロントエンドページを作成する
汎用的なAIページは、弱いレイアウトを繰り返しがちです。このスキルは、Claude、Codex、Claude Codeを、多様なエディトリアルUI、GSAPモーション、より厳密なビジュアルチェックへと導きます。
プレミアムなビジュアルインターフェースを作成
一般的なAIレイアウトは、平坦でテンプレート依存に見えることがよくあります。このスキルは、Claude、Codex、Claude Codeがプレミアムなビジュアルシステム、モーションルール、レスポンシブUIの磨き込みへ向かうよう導きます。
既存Webプロジェクトの再設計
既存のアプリは、汎用的で一貫性がなかったり、未完成に感じられたりすることがよくあります。このスキルは、コアスタックを変更せずにインターフェースを監査し、焦点を絞った視覚的な改善を適用します。
Generate Native-Alpha Transparent Images
作成者 zseven-w
Image generators can return opaque files or painted checkerboards when transparency is required. This skill generates native-alpha assets and validates every untouched output.
Create Industrial Design Sketchbook Images
作成者 keith-cy
Generic image prompts often produce polished illustrations instead of quick industrial design sketches. This skill combines four style variants, rendering settings, ink post-processing, and measurements for more consistent sketchbook pages.
Create Consistent Video Storyboards
作成者 supercmohq
Video concepts can lose continuity when clips are planned separately. This skill creates sequential storyboard sheets that preserve characters, products, settings, and visual states.
Create Reusable Photorealistic AI Actors
作成者 supercmohq
Campaign teams need consistent fictional talent without supplying a person photograph. This skill creates one detailed adult identity that can guide later image and video generation.
Create and Edit Project Images
作成者 openai
Producing consistent raster assets requires precise prompts, careful edits, and reliable output handling. This skill structures requests, creates or edits visuals, validates results, and saves project-ready files.
Reconstruct Bilingual Prompts from Images
作成者 inkroom-ai
A reference image rarely includes a reusable description of its visual composition. This skill guides InkRoom MCP analysis into Chinese and English prompts with live pricing and receipt recovery.