📦
stitch-design-taste
79プレミアムな Google Stitch デザインシステムを作成
汎用的なAI画面は、一貫性がなく調整しにくく見えることがよくあります。このスキルは、プロジェクトの方向性を、Google Stitch、Claude、Codex、Claude Code を導く構造化された DESIGN.md に変換します。
デザイン＆クリエイティブ 表示
スキル gpt-taste
📦
gpt-taste
コンテンツリビジョン r1 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス
動き豊かなフロントエンドページを作成する
汎用的なAIページは、弱いレイアウトを繰り返しがちです。このスキルは、Claude、Codex、Claude Codeを、多様なエディトリアルUI、GSAPモーション、より厳密なビジュアルチェックへと導きます。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "gpt-taste" from https://skillstore.io/skills/leonxlnx-gpt-taste.md and its manifest at https://skillstore.io/api/skills/leonxlnx-gpt-taste/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「gpt-taste」を使用しています。 SaaS創業者が、分析プロダクトのローンチページを依頼します。
期待される結果:
このスキルは、幅広いヒーロー、2つの明確なCTA、密度の高い機能グリッド、スクロールモーション付きの固定された根拠提示セクションを指示します。
「gpt-taste」を使用しています。 フロントエンドエンジニアが、ポートフォリオページにより強いモーションを求めています。
期待される結果:
このスキルは、画像のスケールリビール、ホバー変形、余白、ボタンコントラスト、グリッド密度をチェックする事前計画を推奨します。
「gpt-taste」を使用しています。 デザイナーが、汎用的なAIレイアウトの選択を減らしたいと依頼します。
期待される結果:
このスキルは、アシスタントがUIを書く前に、決定論的なレイアウトのバリエーション、フォント選択、コンポーネント選択を強制します。
セキュリティ監査
安全v6 • 2026/7/9 バージョン別レポートを開く
Most external-command alerts are false positives caused by Markdown inline code in design instructions, not executable backtick usage. One low-severity network issue is confirmed because SKILL.md directs generated UIs to load images from picsum.photos. No prompt injection text or data exfiltration intent was found.
1
スキャンされたファイル
75
解析済み行数
1
レビュー項目
0
誤検知を無視
機能レビュー項目 (1)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
低
Hardcoded URL
- **Image Context & Style:** Use `https://picsum.photos/seed/{keyword}/1920/1080` and match the keyw
The skill instructs generated UIs to use a hardcoded picsum.photos image URL. This creates a third-party network dependency and may leak page context through requested image paths.
リスク要因
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/leonxlnx-gpt-taste/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/leonxlnx-gpt-taste?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/leonxlnx-gpt-taste?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-gpt-taste/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/leonxlnx-gpt-taste.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). gpt-taste security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-gpt-taste/audits/6BibTeX形式の引用
@techreport{leonxlnx-leonxlnx-gpt-taste-2026,
author = {leonxlnx},
title = {gpt-taste security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/leonxlnx-gpt-taste/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: "gpt-taste security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "leonxlnx"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/leonxlnx-gpt-taste/audits/6"
identifiers:
- type: other
value: "skillstore:leonxlnx-gpt-taste:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
68
コミュニティ
83
仕様準拠
作成できるもの
デザインエージェンシーのランディングページ
力強いヒーロータイポグラフィ、明確なAIDAフロー、モーション指示を備えた、洗練されたランディングページのブリーフを作成します。
スタートアップのプロダクトローンチ
プロダクトコンセプトを、CTA、bentoセクション、アニメーション付きの根拠提示を含むプレミアムなReactページ計画に変換します。
フロントエンドのモーションプロトタイプ
レビュー用プロトタイプ向けに、ScrollTriggerセクション、ホバー状態、画像リビールの実装をガイドします。
これらのプロンプトを試す
プレミアムなランディングページを作成する
gpt-tasteを使用して、[product]向けの単一ページReactランディングページを設計してください。ナビゲーション、ヒーロー、機能セクション、モーションセクション、フッターを含めてください。
ヒーローとグリッドを改善する
[brand]向けの現在のページ方針をレビューしてください。幅広いヒーローのルール、ボタンのコントラストチェック、隙間のないbentoグリッドのガイダンスを適用してください。
GSAPインタラクションを計画する
[page type]向けのインタラクション計画を設計してください。2つのGSAPスクロールパターンを選び、それらがAIDAセクションをどのように支えるかを説明してください。
実装準備状況を監査する
[project]のコード生成前に、決定論的なレイアウト選択、グリッド密度チェック、コントラストチェックを含むデザイン計画を作成してください。
ベストプラクティス
- 生成されたUIコードを受け入れる前に、デザイン計画をレビュー手順として使用します。
- 本番環境に出す前に、プレースホルダー画像URLを承認済みのブランドアセットに置き換えます。
- 実装時に、モーションのパフォーマンスとreduced-motionの挙動を確認します。
回避
- 抑制されたレイアウトが必要な高密度の業務用ダッシュボードには、このスキルを使用しないでください。
- コードが実行された証拠として、シミュレートされた計画の主張を受け入れないでください。
- 承認なしにリモートのプレースホルダー画像を出荷しないでください。
よくある質問
このスキルはPythonコードを実行しますか？
いいえ。このスキルは、アシスタントに決定論的なデザイン選択を行わせます。実行可能なスクリプトは含まれていません。
GSAPは必須ですか？
手順ではGSAPとScrollTriggerを推奨しています。GSAPがないプロジェクトでは、調整されたモーションアプローチが必要です。
本番コードを作成できますか？
生成されるフロントエンドコードをガイドできますが、実装品質はホストモデルとプロジェクト設定に依存します。
なぜpicsum.photosに言及しているのですか？
ビジュアルの豊かさのためにプレースホルダー画像を提案します。本番作業では、承認済みのローカルアセットまたはライセンス済みアセットを使用するべきです。
どのツールで使用できますか？
レポートでは、Claude、Codex、Claude Codeが対応ツールとして挙げられています。
すべてのWebサイトに適していますか？
いいえ。このスキルは、静かなユーティリティインターフェースよりも、表現力のあるマーケティングページやポートフォリオページを重視します。
開発者情報
作成者
leonxlnxライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
0519034dad657fb1f7706e0550e962beeda73fdf
メンテナンスの新しさ
2026/7/18
利用状況
11 ダウンロード · 53 閲覧
ファイル構成
📄 SKILL.md
leonxlnx のその他のスキル
すべて表示📦
design-taste-frontend
78洗練されたフロントエンドインターフェースを構築
AIが生成するインターフェースは、汎用的に見えたり、本番環境で必要な細部が抜け落ちたりしがちです。このスキルは、Claude、Codex、Claude Codeに厳格なデザインおよびフロントエンドのガードレールを提供します。
デザイン＆クリエイティブ 表示
📦
design-taste-frontend-v1
78フロントエンドデザインのセンスを向上
AI が生成するフロントエンドは汎用的に見えたり、レスポンシブ状態が不足したりすることがあります。このスキルは、Claude、Codex、Claude Code に対して、より洗練された React と Tailwind の出力を得るための明確な UI ルールを提供します。
デザイン＆クリエイティブ 表示
📦
redesign-existing-projects
78既存Webプロジェクトの再設計
既存のアプリは、汎用的で一貫性がなかったり、未完成に感じられたりすることがよくあります。このスキルは、コアスタックを変更せずにインターフェースを監査し、焦点を絞った視覚的な改善を適用します。
デザイン＆クリエイティブ 表示
📦
high-end-visual-design
78プレミアムなビジュアルインターフェースを作成
一般的なAIレイアウトは、平坦でテンプレート依存に見えることがよくあります。このスキルは、Claude、Codex、Claude Codeがプレミアムなビジュアルシステム、モーションルール、レスポンシブUIの磨き込みへ向かうよう導きます。
デザイン＆クリエイティブ 表示
📦
minimalist-ui
78ミニマリストなエディトリアルインターフェースをデザインする
一般的な AI 生成インターフェースは、しばしば詰め込みすぎ、光沢過多、または一貫性のない見た目になります。このスキルは、Claude、Codex、Claude Code に、落ち着いたエディトリアルレイアウトのための明確なビジュアルルールを提供します。
デザイン＆クリエイティブ 表示
関連スキル
すべて表示📦
animate
78目的のあるUIアニメーションを追加する
作成者 pbakaus
静的なインターフェイスは、状態変化の際に唐突で分かりにくく感じられることがあります。このスキルは、使いやすさを向上させる場面で、Claude、Codex、Claude Codeがアクセシブルで高性能なモーションを追加できるように導きます。
デザイン＆クリエイティブ 表示
📦
brag
84Create a Polished Launch Video
作成者 latent-spaces
Turning a project into a concise launch video requires product analysis, scripting, animation, audio, and rendering. Brag coordinates that workflow with Hyperframes and delivers a video, poster, storyboard, and share copy.
デザイン＆クリエイティブ 表示
📦
landing-page-design
79個性的なランディングページをデザインする
作成者 2389-research
ありきたりなランディングページでは、信頼も注目も得られません。このスキルは、Claude、Codex、Claude Code に対して、発見、構成、ビジュアル方針、アニメーション、コンバージョン重視の仕上げまでをガイドします。
デザイン＆クリエイティブ 表示
📦
teach-impeccable
79プロジェクトのデザインコンテキストを取得
作成者 pbakaus
AIによるデザイン作業では、セッションをまたぐとプロジェクトのコンテキストが失われがちです。このスキルは根拠を収集し、Claude、Codex、Claude Code向けに再利用可能なガイダンスを保存します。
デザイン＆クリエイティブ 表示
📦
designing-frontend
79特徴的なフロントエンドインターフェイスを設計する
作成者 Byunk
汎用的なインターフェイスは、プロダクトをどれも同じように感じさせることがあります。このスキルは、Claude、Codex、Claude Code を、具体的なビジュアル方針、洗練されたコード、検証へと導きます。
デザイン＆クリエイティブ 表示
📦
visual-engine-skill
79アクセシブルなビジュアル体験を構築
作成者 CleanExpo
ビジュアル体験は、ページ間で一貫性がなくなったり、遅くなったり、アクセシブルでなくなったりすることがあります。このスキルは、明確な安全制約に基づいて、アニメーション、ギャラリー、デモ、Three.js の更新をガイドします。
デザイン＆クリエイティブ 表示