📦
jutsu-creator
78SHINOBI WAYの術スキルを作成する
バランスの取れたSHINOBI WAYの戦闘スキルを設計するには、多くのenum、コスト、効果、tierルールを一致させる必要があります。このスキルは要件収集を支援し、TypeScriptですぐ使える術定義を生成します。
コーディング＆開発 表示
スキル frontend-design
📦
frontend-design
コンテンツリビジョン r1 安全
独自性のあるフロントエンドインターフェースを構築
一般的なフロントエンドの出力は、反復的でブランド感が弱く見えることがよくあります。このスキルは、Claude、Codex、Claude Code が、明確なビジュアル方針を備えた洗練された動作するインターフェースを作成できるよう導きます。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "frontend-design" from https://skillstore.io/skills/cesaraugustusgrob-frontend-design.md and its manifest at https://skillstore.io/api/skills/cesaraugustusgrob-frontend-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「frontend-design」を使用しています。 Build a dashboard for a boutique analytics product.
期待される結果:
洗練されたエディトリアルレイアウト、強いデータ階層、控えめなモーション、本番対応の実装メモを備えたレスポンシブなダッシュボードコンセプト。
「frontend-design」を使用しています。 Create a pricing page for a developer tool.
期待される結果:
明確なプラン比較、個性のあるタイポグラフィ、アクセントカラー、ホバー状態、モバイル対応の構造を備えた独自性のある料金ページインターフェース。
「frontend-design」を使用しています。 Redesign a music discovery app screen.
期待される結果:
没入感のあるビジュアル、実用的なインタラクション、リスニングワークフローに結びついたレイアウト選択を備えた、洗練されたアプリ画面の方向性。
セキュリティ監査
安全v8 • 2026/7/6 バージョン別レポートを開く
The three static system-reconnaissance alerts are false positives. The cited SKILL.md lines describe frontend aesthetics, typography, and visual details; they do not request host inspection, secret access, or environment discovery. No prompt injection or semantic abuse evidence was found.
2
スキャンされたファイル
221
解析済み行数
0
レビュー項目
0
誤検知を無視
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/cesaraugustusgrob-frontend-design?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/cesaraugustusgrob-frontend-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cesaraugustusgrob-frontend-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/cesaraugustusgrob-frontend-design.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形式の引用
CesarAugustusGroB. (2026). frontend-design security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8BibTeX形式の引用
@techreport{cesaraugustusgrob-cesaraugustusgrob-frontend-design-2026,
author = {CesarAugustusGroB},
title = {frontend-design security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8},
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: "frontend-design security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CesarAugustusGroB"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8"
identifiers:
- type: other
value: "skillstore:cesaraugustusgrob-frontend-design:audit:8"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 18 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
Skillstore スコアが最高
作者 / ソース Skillstore スコア 証拠の信頼度 Skillstore 利用状況 更新済み
atman36-frontend-design
Skillstore スコア 81
証拠の信頼度 高
Skillstore 利用状況 52
更新済み
2026-10-25
zhanlincui-frontend-design
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 376
更新済み
2026-09-09
adamaugustinsky-frontend-design
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 25
更新済み
2026-10-21
cesaraugustusgrob-frontend-design
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 20
更新済み
2026-09-09
anthropics-frontend-design
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 140
更新済み
2026-10-24
agentworkforce-frontend-design
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 24
更新済み
2026-10-22
dennisliuck-frontend-design
Skillstore スコア 76
証拠の信頼度 高
Skillstore 利用状況 11
更新済み
2026-09-09
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
71
コミュニティ
91
仕様準拠
作成できるもの
新しいプロダクト画面を立ち上げる
プロダクトのアイデアを、記憶に残るビジュアル方針を持つ洗練されたファーストスクリーンのインターフェースに変換します。
コンポーネントライブラリを強化する
共有コンポーネントを、より強いタイポグラフィ、モーション、余白、インタラクションの詳細で刷新します。
キャンペーンコンセプトを探索する
マーケティングページ、エディトリアルレイアウト、ブランド化されたツール向けに、異なるインターフェース方針を生成します。
これらのプロンプトを試す
シンプルなランディングページをデザインする
frontend-design skill を使用して、[product] のレスポンシブなランディングページを構築してください。明確な美的方向性を1つ選び、動作するHTML、CSS、JavaScriptを実装してください。
洗練されたコンポーネントを作成する
frontend-design skill を使用して、[audience] 向けの [component] を作成してください。状態、モーション、タイポグラフィ、カラー変数、レスポンシブ動作を含めてください。
既存画面を再設計する
frontend-design skill を使用して、この画面を再設計してください: [describe or paste UI]。ワークフローを維持しながら、階層、余白、インタラクション、視覚的な個性を改善してください。
マルチビューのプロトタイプを構築する
frontend-design skill を使用して、マルチビューの [app type] プロトタイプを構築してください。大胆な美的システムを定義し、その後ナビゲーション、状態、レスポンシブレイアウトを実装してください。
ベストプラクティス
- 対象ユーザー、プロダクトの目的、必要なスタック、既存のデザイン制約を提供します。
- 詳細な実装を依頼する前に、明確な美的方向性を1つ求めます。
- デザインを受け入れる前に、デスクトップとモバイルの両方で結果をプレビューします。
回避
- プロダクトの文脈や対象ユーザーの詳細なしに、汎用的なモダンUIを依頼すること。
- 主要なデザイン方針を選ばずに、多くのビジュアルスタイルを混在させること。
- 実装後にアクセシビリティ、パフォーマンス、レスポンシブ対応の確認を省略すること。
よくある質問
このスキルは何の作成に役立ちますか？
AIエージェントが、より強いビジュアル方針を持つ洗練されたフロントエンドコンポーネント、ページ、アプリケーションを作成するのに役立ちます。
どのツールで使用できますか？
レポートでは、Claude、Codex、Claude Code のサポートが記載されています。
完全なアプリケーションを生成しますか？
完全なフロントエンドビューを導くことはできますが、バックエンドサービスとデプロイは別作業です。
既存のデザインシステムに従えますか？
はい。出力がシステムに合うように、トークン、コンポーネント、スクリーンショット、制約を提供してください。
デザイナーの代わりになりますか？
いいえ。インターフェースの探索と実装を加速しますが、人によるレビューは依然として重要です。
確認済みの悪意ある挙動はありますか？
レビューされたスキルテキストでは、確認済みの悪意ある挙動は見つかりませんでした。
開発者情報
ライセンス
Complete terms in LICENSE.txt
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
メンテナンスの新しさ
2026/7/22
利用状況
13 ダウンロード · 270 閲覧
ファイル構成
📄 SKILL.md
CesarAugustusGroB のその他のスキル
すべて表示📦
skill-creator
78効果的なAIスキルを作成する
指示、リソース、パッケージ化ルールが不明確だと、信頼性の高いAIスキルを構築するのは困難です。このスキルは、簡潔なSKILL.mdファイル、再利用可能なリソース、検証、反復改善のための構造化されたプロセスを提供します。
ドキュメント 表示
📦
art-style-creator
76一貫したアートスタイルガイドを定義する
色、形状、ライティング、テクスチャが文書化されていないと、ビジュアルプロジェクトは一貫性を失います。このスキルは、アートディレクション上の決定を構造化されたスタイルガイドに変換します。
デザイン＆クリエイティブ 表示
📦
combat-ui-pattern-a
76分割パネル戦闘UIを構築
戦闘画面を、プレイヤー、敵、アクションの各ゾーンに明確に分割するのは困難です。このスキルは、Claude、Codex、Claude Codeに再利用可能なReact実装ガイドを提供します。
コーディング＆開発 表示
📦
nano-banana-builder
75Gemini画像アプリを構築
画像生成アプリには、正しいモデル名、サーバーサイドでのAPI利用、ストレージ、クォータ管理が必要です。このスキルは、Claude、Codex、Claude Codeが本番対応のNano Bananaアプリパターンを扱えるようにガイドします。
コーディング＆開発 表示
📦
exploration-creator
75ゲーム探索リージョンを作成
ゲームチームには、SHINOBI WAYのルールに適合する一貫した探索コンテンツが必要です。このスキルは、Claude、Codex、Claude Code向けに、リージョン、ロケーション、ルーム、諜報ミッション、パスの設計をガイドします。
デザイン＆クリエイティブ 表示
関連スキル
すべて表示📦
ui-design
80特徴的なUIプロトタイプを設計する
作成者 tencentcloudbase
汎用的なAIインターフェースは、視覚的な方向性やプラットフォームを考慮した細部が不足しがちです。このスキルは、Claude、Codex、Claude Codeがプロトタイプを構築する前にデザイン意図を定義できるよう支援します。
デザイン＆クリエイティブ 表示
📦
designing-frontend
79特徴的なフロントエンドインターフェイスを設計する
作成者 Byunk
汎用的なインターフェイスは、プロダクトをどれも同じように感じさせることがあります。このスキルは、Claude、Codex、Claude Code を、具体的なビジュアル方針、洗練されたコード、検証へと導きます。
デザイン＆クリエイティブ 表示
📦
ui-styling
83Build Accessible Tailwind Interfaces
作成者 nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
デザイン＆クリエイティブ 表示
📦
shape
81構築前にUXを計画する
作成者 pbakaus
チームは、ユーザーの目標、状態、制約を明確にする前にインターフェースを構築してしまうことがよくあります。このスキルはディスカバリーをガイドし、実装のためのデザインブリーフを作成します。
デザイン＆クリエイティブ 表示
📦
generative-art
81インタラクティブなジェネラティブアートを作成
作成者 Cam10001110101
アーティストやチームには、セットアップなしで探索できる再現可能なジェネラティブアートが必要です。このスキルは、コンセプトをシード付きの p5.js HTML アーティファクトに変換し、コントロールと PNG エクスポートを提供します。
デザイン＆クリエイティブ 表示
📦
uizze-ui
80Build and Refine Interfaces with Uizze
作成者 uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
デザイン＆クリエイティブ 表示