design-component
文化的配慮のあるストーリーカードをデザインする
ストーリーカードやプロフィールカードには、一貫したレイアウト、敬意のある文化的手がかり、明確なAIラベル表示が必要になることがよくあります。このスキルは、Empathy Ledgerのカードインターフェイス向けに、コンポーネントパターン、データマッピング、AIエンリッチメントのガイダンスを提供します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "design-component" from https://skillstore.io/skills/acurioustractor-design-component.md and its manifest at https://skillstore.io/api/skills/acurioustractor-design-component/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「design-component」を使用しています。 プロダクトチームがサイドバーでの言及向けにコンパクトなカードを必要としています。
期待される結果:
このスキルは、コンパクトバリアント、小さなアバター、表示名、ストーリー数、長老バッジ、イニシャルのフォールバック、キーボードフォーカス対応を推奨します。
「design-component」を使用しています。 デザイナーが、注目プロフィールでAI生成のテーマ専門性を表示したいと考えています。
期待される結果:
このスキルは、テーマバッジ、深度インジケーター、明確なAIラベル表示、手動上書きオプション、神聖または制限付きコンテンツの制限を概説します。
「design-component」を使用しています。 安全性レビュー担当者が、同意取り消しのガイダンスを必要としています。
期待される結果:
このスキルは、明確な影響、可逆的な制御であることを伝えるメッセージ、任意の理由入力、破壊的アクションのスタイルを含むダイアログ構造を生成します。
セキュリティ監査
安全The static findings are false positives caused by Markdown code fences, JSX template literals, SQL schema examples, and responsive layout text. No prompt injection, command execution instructions, or malicious intent were found in the reviewed skill files.
リスク要因
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/acurioustractor-design-component/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/acurioustractor-design-component?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/acurioustractor-design-component?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/acurioustractor-design-component/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/acurioustractor-design-component.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形式の引用
Acurioustractor. (2026). design-component security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/acurioustractor-design-component/audits/9BibTeX形式の引用
@techreport{acurioustractor-acurioustractor-design-component-2026,
author = {Acurioustractor},
title = {design-component security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/acurioustractor-design-component/audits/9},
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: "design-component security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Acurioustractor"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/acurioustractor-design-component/audits/9"
identifiers:
- type: other
value: "skillstore:acurioustractor-design-component:audit:9"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
語り手ディレクトリカードを作成する
データ階層と視覚仕様を使用して、敬意のある文化的文脈を備えた再利用可能なプロフィールカードをデザインします。
AIエンリッチメント表示を計画する
拡充された経歴、抽出された引用、テーマ、提案されたつながりを、明確なカード状態とプロフィール状態にマッピングします。
同意ダッシュボードコンポーネントをレビューする
シンジケーションパターンを使用して、同意ステータス、トークンのマスキング、分析、取り消しフローをデザインします。
これらのプロンプトを試す
design-component スキルを使用して、モバイルディレクトリ向けの語り手カードバリアントを推奨してください。必須フィールド、任意フィールド、フォールバック状態を含めてください。
design-component スキルを使用して、注目の語り手カードの要件を作成してください。レイアウト、バッジ、引用表示、アクセシビリティ、ダークモードを扱ってください。
design-component スキルを使用して、既存のプロフィールカードにAIエンリッチメント状態を追加してください。ラベル、ユーザーによる上書き動作、神聖なコンテンツの制限を含めてください。
design-component スキルを使用して、シンジケーション同意ダッシュボードをデザインしてください。ステータスバッジ、トークンのマスキング、分析チャート、取り消し確認文言を含めてください。
ベストプラクティス
- 文化的背景、長老ステータス、伝統的領域は、敬意のあるラベルと明確な文脈がある場合にのみ表示します。
- AI生成コンテンツを明確に示し、語り手による上書きコントロールを見える状態に保ちます。
- すべてのカードバリアントに、読み込み、空、ホバー、フォーカス、ダークモードの状態を使用します。
回避
- レビューなしに、AI生成の要約、引用、タグを自動公開しないでください。
- 神聖なコンテンツを、公開または外部共有インターフェイスで抽出または表示しないでください。
- フィールド、色、アクセシビリティ動作に一貫性のない複数のカードバリアントを作成しないでください。
よくある質問
このスキルは何のデザインを支援しますか？
完全なReactコンポーネントを生成しますか？
AI生成のプロフィールコンテンツに役立ちますか？
このガイダンスはEmpathy Ledgerに特化していますか？
文化的配慮にはどのように対応していますか？
このスキルはどのツールで使用できますか？
開発者情報
作成者
Acurioustractorライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
リポジトリ
https://github.com/Acurioustractor/empathy-ledger-v2/tree/main/.claude/skills/local/design-component参照
d46e62089a6dfc9e14ea02eebd9b8e2ad2dfe1f4
メンテナンスの新しさ
2026/7/18
利用状況
13 ダウンロード · 361 閲覧
ファイル構成