📦
architecture-decision-record
80アーキテクチャ決定記録を作成
チームが移り変わった後にアーキテクチャ上の決定を保存しておくのは困難です。このスキルは、明確な ADR を作成するためのテンプレート、例、レビュー確認項目を提供します。
ドキュメント 表示
スキル design-system-starter
📦
design-system-starter
v1.0.0 コンテンツリビジョン r2 安全 ⚙️ 外部コマンド📁 ファイルシステムへのアクセス🌐 ネットワークアクセス
一貫性のあるデザインシステムを構築する
トークン、コンポーネント、ドキュメントが別々に発展してしまうため、チームはしばしば一貫性のないUIを出荷します。このスキルは、Claude、Codex、Claude Codeに対して、スケーラブルなデザインシステムのための構造化されたガイダンスを提供します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "design-system-starter" from https://skillstore.io/skills/ariegoldkin-design-system-starter.md and its manifest at https://skillstore.io/api/skills/ariegoldkin-design-system-starter/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「design-system-starter」を使用しています。 SaaSダッシュボードのデザインシステム基盤を作成してください。
期待される結果:
セマンティックカラー、タイプスケール、スペーシングスケール、角丸、シャドウ、コントラスト要件を含むトークン計画。
「design-system-starter」を使用しています。 共有Reactライブラリ向けのコンポーネントを定義してください。
期待される結果:
Button、Input、FormField、Card、Modal、Navigationパターンに加え、アクセシビリティ要件を含むコンポーネントロードマップ。
「design-system-starter」を使用しています。 再設計前に現在のUIキットを監査してください。
期待される結果:
トークンの網羅性、コンポーネントの一貫性、ドキュメント品質、テーマ設定、WCAG準拠上の不足点に関するチェックリストベースのレビュー。
セキュリティ監査
安全v9 • 2026/7/23 バージョン別レポートを開く
All 63 static findings are false positives caused by documentation syntax, relative imports, keyboard-event properties, public links, schema metadata, or design-system language. The reviewed files contain no command execution, path traversal, secret handling, unauthorized networking, prompt injection, or malicious intent.
5
スキャンされたファイル
2,557
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
⚙️ 外部コマンド (50)
references/component-examples.md:493-500 SKILL.md:25 SKILL.md:26 SKILL.md:27 SKILL.md:28 SKILL.md:75-95 SKILL.md:95-98 SKILL.md:98-128 SKILL.md:128-137 SKILL.md:137-175 SKILL.md:175-181 SKILL.md:181-199 SKILL.md:199-202 SKILL.md:202-216 SKILL.md:216-220 SKILL.md:220-233 SKILL.md:233-237 SKILL.md:237-248 SKILL.md:248-270 SKILL.md:270-279 SKILL.md:279-281 SKILL.md:281-292 SKILL.md:292-301 SKILL.md:301-303 SKILL.md:303-332 SKILL.md:332-340 SKILL.md:340-343 SKILL.md:343-357 SKILL.md:357-360 SKILL.md:360-378 SKILL.md:378-382 SKILL.md:382-385 SKILL.md:385-387 SKILL.md:387-395 SKILL.md:395-428 SKILL.md:428-433 SKILL.md:433-443 SKILL.md:443-446 SKILL.md:446-450 SKILL.md:450-453 SKILL.md:453-460 SKILL.md:460-476 SKILL.md:476-491 SKILL.md:491-495 SKILL.md:495-496 SKILL.md:496-497 SKILL.md:497-498 SKILL.md:498-501 SKILL.md:501 SKILL.md:505-523
📁 ファイルシステムへのアクセス (2)
🌐 ネットワークアクセス (2)
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/ariegoldkin-design-system-starter/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/ariegoldkin-design-system-starter?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/ariegoldkin-design-system-starter?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/ariegoldkin-design-system-starter/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/ariegoldkin-design-system-starter.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形式の引用
AI Agent Hub. (2026). design-system-starter security audit report (audit version 9) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/ariegoldkin-design-system-starter/audits/9BibTeX形式の引用
@techreport{ai-agent-hub-ariegoldkin-design-system-starter-2026,
author = {AI Agent Hub},
title = {design-system-starter security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/ariegoldkin-design-system-starter/audits/9},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "design-system-starter security audit report (audit version 9)"
version: "1.0.0"
type: report
authors:
- name: "AI Agent Hub"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/ariegoldkin-design-system-starter/audits/9"
identifiers:
- type: other
value: "skillstore:ariegoldkin-design-system-starter:audit:9"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 41
アーキテクチャ
100
保守性
87
コンテンツ
71
コミュニティ
78
仕様準拠
作成できるもの
新しいUIキットを開始する
実装を開始する前に、トークンカテゴリ、基本コンポーネント、ドキュメント標準を作成します。
プロダクトインターフェースを標準化する
共有トークン、コンポーネントAPI、アクセシビリティ要件を中心に、デザイナーとエンジニアの認識を揃えます。
コンポーネント品質を監査する
既存ライブラリについて、トークンの網羅性、コンポーネントの一貫性、ドキュメント、WCAG上の不足点をレビューします。
これらのプロンプトを試す
トークン基盤を下書きする
design-system-starterを使用して、新しいWebアプリ向けの色、タイポグラフィ、スペーシング、角丸、シャドウトークンを提案してください。
コンポーネントAPIを計画する
design-system-starterを使用して、Button、Input、Card、Modal、Navigation APIを、バリアントとアクセシビリティメモ付きで定義してください。
既存コンポーネントをレビューする
design-system-starterを使用して、トークン使用、命名の一貫性、キーボード操作、ドキュメント上の不足点について、私のコンポーネントライブラリを監査してください。
導入ガイダンスを作成する
design-system-starterを使用して、当社のデザインシステムを導入するための移行計画、ガバナンスルール、ドキュメントチェックリストを作成してください。
ベストプラクティス
- コンポーネントバリアントを追加する前に、トークンと命名ルールから始めます。
- すべてのインタラクティブコンポーネントについて、コントラスト、キーボード操作、ラベルを検証します。
- コンポーネントの目的、props、バリアント、アクセシビリティ、例をまとめてドキュメント化します。
回避
- 共有トークンを迂回する場当たり的なコンポーネントスタイルを作成すること。
- 共有セマンティックトークンなしに、ダークモードを別テーマとして扱うこと。
- 使用ガイダンス、非推奨ルール、アクセシビリティメモなしでコンポーネントを出荷すること。
よくある質問
このスキルは本番コードを自動的に作成しますか？
いいえ。プロジェクトに合わせて調整するためのテンプレート、例、ガイダンスを提供します。
どのフロントエンドスタックを対象にしていますか？
例はReactとTypeScriptに重点を置いていますが、トークンとドキュメントのガイダンスは他の環境にも適用できます。
アクセシビリティガイダンスは含まれていますか？
はい。WCAG 2.1 AA、コントラスト、キーボードナビゲーション、ARIA、セマンティックHTMLを扱います。
ダークモードに役立ちますか？
はい。セマンティックトークン、CSS変数、Tailwindダークモード、テーマプロバイダーパターンについて説明します。
既存のデザインシステムにも役立ちますか？
はい。チェックリストを使用して、トークン、コンポーネント、パターン、ドキュメント、メンテナンス手法を監査できます。
外部サービスに接続しますか？
いいえ。このスキルはドキュメントとテンプレートです。リンクは参照であり、ネットワーク操作ではありません。
開発者情報
作成者
AI Agent Hubライセンス
MIT
作者バージョン
v1.0.0
Skillstore リビジョン
r2
参照
89edfdc710d0846129dcee6a929477b04f08052c
メンテナンスの新しさ
2026/7/29
利用状況
7 ダウンロード · 297 閲覧
AI Agent Hub のその他のスキル
📦
api-design-framework
80本番運用対応のAPIコントラクトを設計する
チームはしばしば、一貫性のないリソース、エラー、バージョニングでAPIを設計してしまいます。このスキルは、REST、GraphQL、gRPC、OpenAPI、AsyncAPIの作業に役立つパターン、チェックリスト、テンプレートを提供します。
コーディング＆開発 表示
📦
brainstorming
79アイデアを実践的な設計に磨き上げる
初期段階のプロダクトや技術アイデアには、明確な制約、トレードオフ、成功基準が不足していることがよくあります。このスキルは、質問、選択肢、検証済みの設計セクションを通じて、Claude、Codex、Claude Codeをガイドします。
生産性 表示
📦
code-review-playbook
79構造化されたプレイブックでコードレビューを改善する
一貫性のないレビューは欠陥を見逃し、作成者へのフィードバックを不明確にします。このスキルは、信頼性の高いプルリクエストレビューのためのチェックリスト、コメント形式、テンプレートを提供します。
コーディング＆開発 表示
📦
database-schema-designer
79信頼性の高いデータベーススキーマを設計する
不適切なスキーマはチームの作業を遅らせ、データ欠陥を生みます。このスキルは、正規化されたモデル、NoSQLのトレードオフ、インデックス設計、制約、安全なマイグレーションをガイドします。
データ＆アナリティクス 表示
📦
quality-reviewer
79DevPrep 標準に照らしたコードレビュー
DevPrep AI プロジェクトには、一貫した TypeScript、import、命名、アーキテクチャ標準が必要です。このスキルはローカルチェックを実行し、品質違反を修正するための的を絞ったガイダンスを提供します。
コーディング＆開発 表示
関連スキル
すべて表示📦
design-lint
80Check designs with deterministic CSS rules
作成者 cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.
デザイン＆クリエイティブ 表示
📦
core-components
79一貫したコアコンポーネントインターフェイスを構築する
作成者 sickn33
UI作業は、ハードコードされた余白、色、生のプラットフォームコンポーネントに偏りがちです。このスキルは、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.
デザイン＆クリエイティブ 表示
📦
web-accessibility
82WCAG準拠のためのWebアクセシビリティ監査
作成者 89jobrien
アクセシビリティ上のギャップは、ユーザーの利用を妨げ、コンプライアンスリスクを生む可能性があります。このスキルは、WCAG監査、スクリーンリーダーチェック、キーボードテスト、改善計画を支援します。
デザイン＆クリエイティブ 表示
📦
design-system
82Build Consistent Design Systems and Slides
作成者 nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
デザイン＆クリエイティブ 表示
📦
ux-designer
80リサーチ主導のデザインガイダンスでUXを改善
作成者 shubhamsaboo
チームは思い込みに基づいてフローを設計し、アクセシビリティの問題を見落としがちです。このスキルは、UXのベストプラクティスを用いて、リサーチ、構造化、インタラクションデザイン、レビューを支援します。
デザイン＆クリエイティブ 表示