UI Design System
Physical AI のデザインルールを適用
チームには、Physical AI Hub のための一貫したインターフェーススタイルが必要です。このスキルは、Claude、Codex、Claude Code に対して、色、タイポグラフィ、コンポーネント、アニメーション、CSS ファイルに関する明確なデザインルールを提供します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "UI Design System" from https://skillstore.io/skills/abdulsamad94-ui-design-system.md and its manifest at https://skillstore.io/api/skills/abdulsamad94-ui-design-system/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「UI Design System」を使用しています。 ダッシュボードページが Physical AI Hub と一貫していないように感じられる。
期待される結果:
ダークグラデーション背景、Poppins タイポグラフィ、ティールのアクセント、ガラス風カード、控えめな境界線、滑らかな hover transitions を推奨するレビュー。
「UI Design System」を使用しています。 ドキュメントサイトでテーマの整合が必要。
期待される結果:
プレミアムなダークインターフェース言語を維持しながら、グローバル CSS、Docusaurus overrides、component modules を更新するスタイリング計画。
「UI Design System」を使用しています。 ドロップダウンメニューに視覚的な磨き込みが必要。
期待される結果:
フローティング配置、アニメーション付き slide-in behavior、影の深さ、角丸、読みやすいテキスト処理を扱うコンポーネントガイダンス応答。
セキュリティ監査
安全All 11 static findings are false positives caused by Markdown backticks around CSS values, animation names, and stylesheet paths. The single skill file contains design guidance only, with no commands, scripts, network activity, or prompt-injection text.
リスク要因
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/abdulsamad94-ui-design-system/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/abdulsamad94-ui-design-system?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/abdulsamad94-ui-design-system?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/abdulsamad94-ui-design-system/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/abdulsamad94-ui-design-system.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形式の引用
AbdulSamad94. (2026). UI Design System security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/abdulsamad94-ui-design-system/audits/10BibTeX形式の引用
@techreport{abdulsamad94-abdulsamad94-ui-design-system-2026,
author = {AbdulSamad94},
title = {UI Design System security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/abdulsamad94-ui-design-system/audits/10},
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: "UI Design System security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "AbdulSamad94"
date-released: "2026-07-18"
url: "https://skillstore.io/skills/abdulsamad94-ui-design-system/audits/10"
identifiers:
- type: other
value: "skillstore:abdulsamad94-ui-design-system:audit:10"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 3 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
abdulsamad94-ui-design-system
2026-10-20
alirezarezvani-ui-design-system
2026-10-23
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
新機能画面を整合させる
テーマルールを使用して、新しいプロダクト画面の見た目を Physical AI Hub と一貫させます。
インターフェーススタイリングをレビューする
色、タイポグラフィ、カード、ボタン、アニメーションの選択を、文書化されたシステムと照合します。
ドキュメントのスタイリングをガイドする
同じビジュアル言語を Docusaurus ページと関連ドキュメントスタイルに適用します。
これらのプロンプトを試す
この画面に ui-design-system skill を適用してください。色、タイポグラフィ、ボタン、カード、入力欄、間隔を更新して、Physical AI Hub style に合わせてください。
このコンポーネントを ui-design-system skill に照らしてレビューしてください。タイポグラフィ、アクセントカラー、境界線処理、radius、transition behavior の不一致を特定してください。
ui-design-system skill を使用してテーマ CSS をリファクタリングしてください。グローバル変数、Docusaurus overrides、module styles を、文書化されたビジュアルシステムと整合させてください。
ui-design-system skill を使用して、複数ビューの Physical AI Hub workflow を設計してください。一貫した component states、dark mode surfaces、motion patterns、file organization を適用してください。
ベストプラクティス
- 新しい色を追加する前に、文書化されたパレットを使用します。
- グローバル CSS、ドキュメント CSS、module CSS 全体でコンポーネントスタイリングの一貫性を保ちます。
- プレミアムなモーションを、読みやすいテキストと明確なフォーカス状態と組み合わせます。
回避
- Physical AI Hub interface に無関係なフォントやカラーシステムを混在させること。
- 応答性を低下させたり、主要タスクから注意をそらしたりする重いアニメーションを使用すること。
- コンポーネントやドキュメントへの影響を確認せずに共有 CSS ファイルを変更すること。
よくある質問
このスキルは何に役立ちますか？
完全な UI コンポーネントを生成しますか？
どのようなビジュアルスタイルを定義していますか？
Docusaurus のスタイリングに役立ちますか？
アクセシビリティルールは含まれていますか？
コマンド実行リスクはありますか？
開発者情報
作成者
AbdulSamad94ライセンス
MIT
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
参照
80999bf530a7874d7bedf8ce202001ecb4c4f5e0
メンテナンスの新しさ
2026/7/20
利用状況
13 ダウンロード · 252 閲覧
ファイル構成
📄 SKILL.md