frontend-design
79独自性のあるフロントエンドインターフェースを構築
一般的なフロントエンドの出力は、反復的でブランド感が弱く見えることがよくあります。このスキルは、Claude、Codex、Claude Code が、明確なビジュアル方針を備えた洗練された動作するインターフェースを作成できるよう導きます。
一貫したアートスタイルガイドを定義する
色、形状、ライティング、テクスチャが文書化されていないと、ビジュアルプロジェクトは一貫性を失います。このスキルは、アートディレクション上の決定を構造化されたスタイルガイドに変換します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "art-style-creator" from https://skillstore.io/skills/cesaraugustusgrob-art-style-creator.md and its manifest at https://skillstore.io/api/skills/cesaraugustusgrob-art-style-creator/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「art-style-creator」を使用しています。 ティーン向けの、親しみやすいキャラクターと低ストレスなゲームプレイを備えた居心地のよい農業ゲーム。
期待される結果:
温かみのある類似色パレット、丸みのあるシェイプランゲージ、柔らかなライティング、控えめなテクスチャディテール、明確なアセットサイズのガイダンス。
「art-style-creator」を使用しています。 戦術ストラテジーゲーム向けのSFダッシュボードUI。
期待される結果:
ネオンアクセントを備えた寒色系パレット、クリーンな幾何学的ライン、モジュール型レイアウト、人工的なライティング、厳密なアイコン仕様。
「art-style-creator」を使用しています。 ファンタジーイラストシリーズに、一貫したキャラクターと環境のルールが必要。
期待される結果:
豊かな色彩ルール、有機的なシルエット、ドラマチックなライティング、絵画的なテクスチャ、参考となる影響元のメモを含むガイド。
All static findings are false positives after contextual review. The blocker hits are normal art-direction terms and template headings, and the external command hit is a fenced Markdown output template rather than executable code.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/cesaraugustusgrob-art-style-creator/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cesaraugustusgrob-art-style-creator?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cesaraugustusgrob-art-style-creator?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cesaraugustusgrob-art-style-creator/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cesaraugustusgrob-art-style-creator.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>CesarAugustusGroB. (2026). art-style-creator security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cesaraugustusgrob-art-style-creator/audits/8@techreport{cesaraugustusgrob-cesaraugustusgrob-art-style-creator-2026,
author = {CesarAugustusGroB},
title = {art-style-creator security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cesaraugustusgrob-art-style-creator/audits/8},
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: "art-style-creator security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CesarAugustusGroB"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cesaraugustusgrob-art-style-creator/audits/8"
identifiers:
- type: other
value: "skillstore:cesaraugustusgrob-art-style-creator:audit:8"
description: "Skillstore immutable audit report identifier"
制作開始前に、キャラクター、環境、UI要素、ライティング、アセットサイズに関する共有ルールを作成します。
複数のイラストが1つのコレクションとして感じられるように、パレット、線の品質、テクスチャ、ムードを定義します。
コンセプトを、形状ルール、色の階層、参考となる影響元を備えたビジュアル言語に変換します。
[project type]向けのアートスタイルガイド作成を手伝ってください。対象ユーザーは[target audience]です。ムードは[mood words]のように感じられるべきです。
[emotion]のように感じられ、[unwanted tone]を避けるべきプロジェクト向けに、カラーパレット、禁止色、ムードルール、ライティングの方向性を定義してください。
[project name]向けに、キャラクター、環境、UI、テクスチャ、ディテール配分、書き出し仕様に関する制作対応のアートルールを作成してください。
ビジョン、影響元、パレット、線画、形状、構図、ライティング、テクスチャ、ムード、技術仕様、DoとDo Notのルールを含む完全なアートスタイルガイドを生成してください。
ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
メンテナンスの新しさ
2026/7/20
利用状況
12 ダウンロード · 298 閲覧
独自性のあるフロントエンドインターフェースを構築
一般的なフロントエンドの出力は、反復的でブランド感が弱く見えることがよくあります。このスキルは、Claude、Codex、Claude Code が、明確なビジュアル方針を備えた洗練された動作するインターフェースを作成できるよう導きます。
SHINOBI WAYの術スキルを作成する
バランスの取れたSHINOBI WAYの戦闘スキルを設計するには、多くのenum、コスト、効果、tierルールを一致させる必要があります。このスキルは要件収集を支援し、TypeScriptですぐ使える術定義を生成します。
効果的なAIスキルを作成する
指示、リソース、パッケージ化ルールが不明確だと、信頼性の高いAIスキルを構築するのは困難です。このスキルは、簡潔なSKILL.mdファイル、再利用可能なリソース、検証、反復改善のための構造化されたプロセスを提供します。
分割パネル戦闘UIを構築
戦闘画面を、プレイヤー、敵、アクションの各ゾーンに明確に分割するのは困難です。このスキルは、Claude、Codex、Claude Codeに再利用可能なReact実装ガイドを提供します。
Gemini画像アプリを構築
画像生成アプリには、正しいモデル名、サーバーサイドでのAPI利用、ストレージ、クォータ管理が必要です。このスキルは、Claude、Codex、Claude Codeが本番対応のNano Bananaアプリパターンを扱えるようにガイドします。
ゲーム探索リージョンを作成
ゲームチームには、SHINOBI WAYのルールに適合する一貫した探索コンテンツが必要です。このスキルは、Claude、Codex、Claude Code向けに、リージョン、ロケーション、ルーム、諜報ミッション、パスの設計をガイドします。
特徴的なUIプロトタイプを設計する
作成者 tencentcloudbase
汎用的なAIインターフェースは、視覚的な方向性やプラットフォームを考慮した細部が不足しがちです。このスキルは、Claude、Codex、Claude Codeがプロトタイプを構築する前にデザイン意図を定義できるよう支援します。
Anthropicブランドスタイルを適用
作成者 ZhanlinCui
チームでは、ドキュメントやプレゼンテーション全体で一貫したAnthropic風のビジュアルが必要になることがよくあります。このスキルは、洗練されたブランド付き成果物を作成するための実用的な色、タイポグラフィ、アクセントのガイダンスを提供します。
プレミアムな Google Stitch デザインシステムを作成
作成者 leonxlnx
汎用的なAI画面は、一貫性がなく調整しにくく見えることがよくあります。このスキルは、プロジェクトの方向性を、Google Stitch、Claude、Codex、Claude Code を導く構造化された DESIGN.md に変換します。
特徴的なフロントエンドインターフェイスを設計する
作成者 Byunk
汎用的なインターフェイスは、プロダクトをどれも同じように感じさせることがあります。このスキルは、Claude、Codex、Claude Code を、具体的なビジュアル方針、洗練されたコード、検証へと導きます。
アクセシブルなビジュアル体験を構築
作成者 CleanExpo
ビジュアル体験は、ページ間で一貫性がなくなったり、遅くなったり、アクセシブルでなくなったりすることがあります。このスキルは、明確な安全制約に基づいて、アニメーション、ギャラリー、デモ、Three.js の更新をガイドします。
タイポグラフィの選択を改善
作成者 Crossbill-Highlights
汎用的なタイポグラフィは、プロダクトを未完成に見せてしまうことがあります。このスキルは、Claude、Codex、Claude Code がより優れたフォント、組み合わせ、ウェイト、サイズのコントラストを選べるよう支援します。