unocss
UnoCSS をより速く設定
プリセット、ショートカット、バリアント、インテグレーションが相互に関係すると、UnoCSS のセットアップは難しくなることがあります。このスキルは、Claude、Codex、Claude Code に、実践的な UnoCSS 作業のための焦点を絞ったリファレンスガイダンスを提供します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "unocss" from https://skillstore.io/skills/antfu-unocss.md and its manifest at https://skillstore.io/api/skills/antfu-unocss/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「unocss」を使用しています。 Vue アプリに icons、typography、variant groups を備えた UnoCSS が必要です。
期待される結果:
必要なパッケージ、設定セクション、プラグイン登録、既存の UnoCSS 設定ファイルの確認項目を列挙したセットアップ計画。
「unocss」を使用しています。 チームがコンポーネント全体でボタンとバッジのユーティリティ文字列を繰り返し使用しています。
期待される結果:
命名ガイダンス、トークンとの整合性、動的ショートカットが適切な場面に関する注意点を含むショートカット設計提案。
「unocss」を使用しています。 Nuxt プロジェクトに生成された UnoCSS 設定とローカルオーバーライドがあります。
期待される結果:
マージされた設定を安全に拡張する方法と、プロジェクト固有のショートカットを配置する場所を説明するレビュー概要。
セキュリティ監査
安全All 50 static findings are false positives in documentation examples or ordinary prose. The skill contains no executable scripts, prompt injection, credential access, command execution, or covert network behavior.
リスク要因
⚙️ 外部コマンド (26)
📁 ファイルシステムへのアクセス (4)
🌐 ネットワークアクセス (4)
⚡ スクリプトを含む (2)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/antfu-unocss/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/antfu-unocss?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/antfu-unocss?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-unocss/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/antfu-unocss.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形式の引用
antfu. (2026). unocss security audit report (audit version 5) [Author version 2026.1.28]. Skillstore. https://skillstore.io/skills/antfu-unocss/audits/5BibTeX形式の引用
@techreport{antfu-antfu-unocss-2026,
author = {antfu},
title = {unocss security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antfu-unocss/audits/5},
note = {Author version 2026.1.28}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "unocss security audit report (audit version 5)"
version: "2026.1.28"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-unocss/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-unocss:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
UnoCSS をセットアップする
プロジェクト設定を追加し、プリセットを選択し、UnoCSS を Vite または Nuxt に組み込みます。
ユーティリティ API を設計する
デザインシステムに合うルール、ショートカット、safelist、バリアントを作成します。
Tailwind パターンを移行する
慣れ親しんだ Tailwind CSS のユーティリティワークフローを、UnoCSS のプリセットと transformers に対応付けます。
これらのプロンプトを試す
このプロジェクト向けの基本的な UnoCSS config の作成を手伝ってください。まず既存の設定ファイルを確認し、その後で安全なプリセットとインポートを提案してください。
繰り返し使っているユーティリティクラスをレビューし、UnoCSS shortcuts を提案してください。名前は明確にし、現在のプリセット設定と互換性を保ってください。
これらのデザイントークン向けに UnoCSS の静的ルールと動的ルールを設計してください。マッチング、生成される CSS の挙動、エッジケースを説明してください。
私の UnoCSS Vite または Nuxt インテグレーションを監査してください。プリセット、transformers、抽出、safelist、layers、パフォーマンス上のトレードオフを確認してください。
ベストプラクティス
- 高度な構文を推奨する前に、uno.config.* または unocss.config.* を確認します。
- プロジェクトですでに attributify または tagify モードが有効になっていない限り、明示的なクラス使用を優先します。
- カスタムルールとショートカットを既存のテーマトークンと整合させます。
回避
- アクティブなプリセットを確認せずに、すべての Tailwind プラグインやクラスが動作すると仮定しないでください。
- プロジェクトのサポートを確認せずに、attributify、tagify、または transformers を追加しないでください。
- 小さな静的ルールやショートカットの方が明確な場合に、広範な動的ルールを作成しないでください。
よくある質問
このスキルは何に役立ちますか？
Tailwind CSS ユーザーをサポートしていますか？
完全なデザインシステムを生成できますか？
UnoCSS コマンドを実行しますか？
エージェントは最初にローカルファイルを確認すべきですか？
どのインテグレーションが扱われていますか？
開発者情報
作成者
antfuライセンス
MIT
作者バージョン
v2026.1.28
Skillstore リビジョン
r2
参照
89edfdc710d0846129dcee6a929477b04f08052c
メンテナンスの新しさ
2026/7/24
利用状況
13 ダウンロード · 180 閲覧