スキル combat-ui-pattern-a

📦

combat-ui-pattern-a

Name: combat-ui-pattern-a
Author: CesarAugustusGroB

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

分割パネル戦闘UIを構築

戦闘画面を、プレイヤー、敵、アクションの各ゾーンに明確に分割するのは困難です。このスキルは、Claude、Codex、Claude Codeに再利用可能なReact実装ガイドを提供します。

対応: Claude Codex Code(CC)

📊 76 十分

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

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

エージェントリクエスト

Review the Skillstore skill "combat-ui-pattern-a" from https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a.md and its manifest at https://skillstore.io/api/skills/cesaraugustusgrob-combat-ui-pattern-a/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

Markdown詳細 GET /skills/cesaraugustusgrob-combat-ui-pattern-a.md 署名済み manifest GET /api/skills/cesaraugustusgrob-combat-ui-pattern-a/manifest 署名済み lockfile GET /api/skills/cesaraugustusgrob-combat-ui-pattern-a/lockfile

テストする

「combat-ui-pattern-a」を使用しています。戦闘シーン向けにPattern Aのレイアウト基盤を構築します。

期待される結果:

3つの領域、レスポンシブなモバイル動作、ヘッダー、対峙ゾーン、アクションドック向けの明確なマウントポイントを含む、生成されたCombatLayout計画。

「combat-ui-pattern-a」を使用しています。プレイヤーデータと敵データ向けの再利用可能なキャラクターパネルを作成します。

期待される結果:

ミラー配置、識別情報表示、リソースバー、ステータス効果、スプライト表示、フローティングテキストのアンカーをサポートするコンポーネント設計。

「combat-ui-pattern-a」を使用しています。戦闘フィードバックとアクションコントロールを磨き込みます。

期待される結果:

クイックアクション、メインアクション、VS効果、画面揺れ、フローティング戦闘テキスト、reduced-motion代替案向けのUI実装アウトライン。

セキュリティ監査

安全

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

All 67 static findings appear to be false positives caused by markdown code fences, TypeScript template literals, Tailwind grid examples, and fixed local scaffolding commands. I found no evidence of prompt injection, data exfiltration, destructive behavior, network access, credential access, or malicious command execution in the reviewed files.

スキャンされたファイル

2,425

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚙️ 外部コマンド (47)

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

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

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/cesaraugustusgrob-combat-ui-pattern-a/security.svg)](https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cesaraugustusgrob-combat-ui-pattern-a/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/cesaraugustusgrob-combat-ui-pattern-a.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). combat-ui-pattern-a security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a/audits/8

BibTeX形式の引用

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

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

戦闘画面をリファクタリング

混雑した縦型の戦闘シーンを、再利用可能なReactコンポーネントを使ったプレイヤー対敵の分割レイアウトに変換します。

ゲームUIコンポーネントを標準化

1つの戦闘インターフェイスパターンに従う共有パネル、アクションカード、ヘッダー、ディバイダーを作成します。

タクティカルバトルフローをプロトタイプ化

フェーズ状態、キャラクター状態、利用可能なアクションを分離した明確な戦闘レイアウトを生成します。

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

レイアウトシェルを作成

combat-ui-pattern-aを使用してCombatLayoutシェルのみを構築します。既存プロジェクトに一致するレスポンシブ行、imports、propsを含めてください。

フェーズヘッダーを追加

combat-ui-pattern-aを使用してPhaseHeaderを実装します。ターン番号、現在のフェーズ、サイドアクション数、アプローチ修飾子を表示してください。

キャラクターパネルを抽出

combat-ui-pattern-aを使用して、既存のプレイヤーUIと敵UIからCharacterPanelを抽出します。体力、チャクラ、バフ、識別情報、配置を保持してください。

戦闘インターフェイスを完成

combat-ui-pattern-aを使用してCombat.tsxをPattern Aに移行します。レイアウト、パネル、アクションドック、VSディバイダー、アニメーション、reduced-motionサポートを実装してください。

ベストプラクティス

小さなコンポーネントを抽出する前に、CombatLayoutから始めます。
propsは既存のゲーム状態型と整合させます。
移行中にレスポンシブ動作とreduced-motionサポートをテストします。

回避

戦闘インターフェイスのリファクタリング中にゲームロジックを書き換えないでください。
再利用可能なコンポーネント内にプレイヤーや敵の値をハードコードしないでください。
新しい戦闘レイアウトが検証される前に、古い戦闘レイアウトを削除しないでください。

よくある質問

このスキルは何を構築しますか？

SHINOBI WAY向けの分割パネルReact戦闘UIの作成をガイドします。

どのフレームワークを前提としていますか？

対象プロジェクトでReact、TypeScript、Tailwind CSSが使用されていることを前提としています。

すべてのコンポーネントを一度に生成できますか？

はい。ただし、このワークフローではレイアウトシェルから始め、その後コンポーネントを抽出することを推奨しています。

アニメーションのガイダンスは含まれていますか？

はい。keyframes、画面揺れ、フローティングテキスト、タイミング、フック、reduced-motion処理を扱います。

SHINOBI WAYに限定されていますか？

参照内容はSHINOBI WAY固有ですが、このパターンは他の戦闘ゲームにも適応できます。

セキュリティ上注意が必要な動作は含まれていますか？

ネットワークアクセス、シークレット処理、破壊的コマンド、プロンプトインジェクションの証拠は見つかりませんでした。

開発者情報

作成者

CesarAugustusGroB

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

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

リポジトリ

https://github.com/CesarAugustusGroB/SHINOBI-WAY-the-inifinite-tower/tree/main/.claude/skills/combat-ui-pattern-a

参照

dd4a3ef9f20ddf38830950b4bb713df96b431fd6

メンテナンスの新しさ

2026/7/18

利用状況

7 ダウンロード · 450 閲覧

ファイル構成

📁 references/

📄 animations.md

📄 component-interfaces.md

📄 layout-specs.md

📄 styling-tokens.md

Vue 3 のコード品質を向上

作成者 vuejs-ai

Vue プロジェクトでは、時間の経過とともに reactivity、component、performance に関するミスが蓄積しがちです。このスキルは、より安全なパターンと明確なコードのために、Vue 3 に特化したガイダンスを提供します。

コーディング＆開発表示

combat-ui-pattern-a

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

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

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

戦闘画面をリファクタリング

ゲームUIコンポーネントを標準化

タクティカルバトルフローをプロトタイプ化

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

ベストプラクティス

回避

よくある質問

開発者情報

CesarAugustusGroB のその他のスキル

frontend-design

jutsu-creator

skill-creator

art-style-creator

nano-banana-builder

exploration-creator

関連スキル

react-dev

senior-frontend

react-nextjs-development

playwright-testing

starknet-js

vue-best-practices