📦
exa-research
75ExaでWebとコードコンテキストをリサーチ
技術リサーチでは、多くの場合、複数のソースから最新の記事、ドキュメント、動作する例を集める必要があります。このスキルは、Webリサーチ、コード探索、比較、クエリ改善のためのExaベースのワークフローを提供します。
調査＆学習 表示
スキル Tailwind CSS V4 Mastery
📦
Tailwind CSS V4 Mastery
v1.0.0 コンテンツリビジョン r1 中リスク 🔑 環境変数⚙️ 外部コマンド📁 ファイルシステムへのアクセス🌐 ネットワークアクセス
Tailwind CSS V4プロジェクトをマスターする
Tailwind CSS V4では、設定、移行手順、パフォーマンス上の選択肢が変わります。このスキルは、Claude、Codex、Claude Codeに対して、より安全なアップグレードとより優れたCSSアーキテクチャのための構造化されたガイダンスを提供します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "Tailwind CSS V4 Mastery" from https://skillstore.io/skills/calel33-tailwind-css-v4-mastery.md and its manifest at https://skillstore.io/api/skills/calel33-tailwind-css-v4-mastery/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「Tailwind CSS V4 Mastery」を使用しています。 I need to migrate a Tailwind v3 app that uses custom colors and opacity utilities.
期待される結果:
依存関係の更新、CSS importの変更、テーマ変数への変換、opacityの置き換え、視覚的リグレッションチェックを含む移行チェックリスト。
「Tailwind CSS V4 Mastery」を使用しています。 Help me create a multi-brand Tailwind V4 component system.
期待される結果:
ブランドトークン、テーマ境界、コンポーネントクラス規約、dark mode対応、ドキュメント作成タスクを含む設計計画。
「Tailwind CSS V4 Mastery」を使用しています。 My Tailwind V4 build is slower than expected.
期待される結果:
プラグイン選択、テーマサイズ、breakpoint数、source maps、ベースライン測定を確認するパフォーマンスレビュー計画。
セキュリティ監査
中リスクv10 • 2026/7/19 バージョン別レポートを開く
All 97 static alerts are false positives tied to documentation formatting, CSS patterns, official URLs, a production literal, or expected Bash syntax. Two semantic risks remain: unpinned package installation and broad in-place project rewrites without confirmation. No prompt injection or exfiltration intent was found.
8
スキャンされたファイル
2,242
解析済み行数
0
レビュー項目
0
誤検知を無視
確認済みのセキュリティ上の懸念 (2)
中
Unpinned Package Installation
The migration script runs npm install with latest packages, allowing network retrieval and dependency lifecycle scripts. Execution changes the target project's dependency graph.
The script directly installs latest Tailwind packages without version pinning, lockfile enforcement, or lifecycle-script restrictions.
中
Broad In-Place Project Rewrites
The script recursively rewrites matching source files, removes temporary backups, and deletes tailwind.config.js. It lacks a dry run, scope exclusions, and confirmation.
The find, sed, and rm operations clearly mutate the selected project without preserving backups for every changed source file.
リスク要因
⚙️ 外部コマンド (50)
scripts/migrate-v3-to-v4.sh:87 scripts/migrate-v3-to-v4.sh:137 scripts/migrate-v3-to-v4.sh:1 SKILL.md:29 SKILL.md:31 SKILL.md:43-46 SKILL.md:46-61 SKILL.md:61-62 SKILL.md:62 SKILL.md:72-73 SKILL.md:73-89 SKILL.md:89-95 SKILL.md:95-98 SKILL.md:98-101 SKILL.md:101 SKILL.md:102 SKILL.md:103 SKILL.md:106 SKILL.md:107 SKILL.md:108 SKILL.md:109 SKILL.md:118-128 SKILL.md:128-142 SKILL.md:142-159 SKILL.md:159-162 SKILL.md:162-173 SKILL.md:173-176 SKILL.md:176 SKILL.md:177 SKILL.md:178 SKILL.md:199-204 SKILL.md:204-211 SKILL.md:211-216 SKILL.md:216-234 SKILL.md:234-244 SKILL.md:244-248 SKILL.md:248-258 SKILL.md:258-262 SKILL.md:262-272 SKILL.md:272-278 SKILL.md:278-280 SKILL.md:280-281 SKILL.md:281-284 SKILL.md:284 SKILL.md:285-289 SKILL.md:289-290 SKILL.md:290 SKILL.md:291 SKILL.md:293-294 SKILL.md:294-295
📁 ファイルシステムへのアクセス (27)
scripts/migrate-v3-to-v4.sh:18 scripts/migrate-v3-to-v4.sh:97 scripts/migrate-v3-to-v4.sh:98 scripts/migrate-v3-to-v4.sh:100 scripts/migrate-v3-to-v4.sh:101 scripts/migrate-v3-to-v4.sh:103 scripts/migrate-v3-to-v4.sh:105 scripts/migrate-v3-to-v4.sh:107 scripts/migrate-v3-to-v4.sh:108 scripts/migrate-v3-to-v4.sh:109 scripts/migrate-v3-to-v4.sh:110 scripts/migrate-v3-to-v4.sh:111 scripts/migrate-v3-to-v4.sh:112 scripts/migrate-v3-to-v4.sh:113 scripts/migrate-v3-to-v4.sh:114 scripts/migrate-v3-to-v4.sh:115 scripts/migrate-v3-to-v4.sh:116 scripts/migrate-v3-to-v4.sh:117 scripts/migrate-v3-to-v4.sh:118 scripts/migrate-v3-to-v4.sh:119 scripts/migrate-v3-to-v4.sh:120 scripts/migrate-v3-to-v4.sh:122 scripts/migrate-v3-to-v4.sh:124 scripts/migrate-v3-to-v4.sh:125 scripts/migrate-v3-to-v4.sh:126 scripts/migrate-v3-to-v4.sh:127 scripts/migrate-v3-to-v4.sh:128
🌐 ネットワークアクセス (4)
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/calel33-tailwind-css-v4-mastery/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/calel33-tailwind-css-v4-mastery?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/calel33-tailwind-css-v4-mastery?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/calel33-tailwind-css-v4-mastery/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/calel33-tailwind-css-v4-mastery.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形式の引用
Calel33. (2026). Tailwind CSS V4 Mastery security audit report (audit version 10) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/calel33-tailwind-css-v4-mastery/audits/10BibTeX形式の引用
@techreport{calel33-calel33-tailwind-css-v4-mastery-2026,
author = {Calel33},
title = {Tailwind CSS V4 Mastery security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/calel33-tailwind-css-v4-mastery/audits/10},
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: "Tailwind CSS V4 Mastery security audit report (audit version 10)"
version: "1.0.0"
type: report
authors:
- name: "Calel33"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/calel33-tailwind-css-v4-mastery/audits/10"
identifiers:
- type: other
value: "skillstore:calel33-tailwind-css-v4-mastery:audit:10"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 59
アーキテクチャ
100
保守性
87
コンテンツ
70
コミュニティ
65
仕様準拠
作成できるもの
既存アプリを移行する
Tailwind v3からv4へのアップグレードを計画し、破壊的変更を特定し、検証手順を定義します。
デザインシステムを構築する
CSS-firstのテーマ変数、コンポーネント規約、ブランド対応のスタイリングパターンを作成します。
ビルドパフォーマンスを改善する
適切なTailwind V4統合方法を選択し、ビルド、リロード、CSSサイズの改善を測定します。
これらのプロンプトを試す
Tailwind V4の基本を説明する
Explain the most important Tailwind CSS V4 changes for my project. Cover CSS-first configuration, browser requirements, and common migration risks.
移行を計画する
Help me plan a Tailwind v3 to v4 migration. Ask for my build tool, custom config, browser targets, and components before giving steps.
テーマシステムを設計する
Design a Tailwind CSS V4 theme system for a component library. Include variable strategy, component naming, dark mode, and validation steps.
本番ビルドを最適化する
Audit my Tailwind CSS V4 performance setup. Compare Vite, PostCSS, and CLI choices, then propose measurement and optimization steps.
ベストプラクティス
- 各移行は、custom config、ブラウザーターゲット、高リスクコンポーネントの棚卸しから始めます。
- Tailwind V4のテーマ変数は小さく、明示的で、CSS内に文書化された状態に保ちます。
- border、ring、shadow、rounded corner、opacityの置き換えに関する視覚的変更をテストします。
回避
- Tailwind v3のJavaScript configがV4プロジェクトを制御すると想定しないでください。
- ファイル編集とパッケージインストールの内容をレビューせずにmigration scriptを実行しないでください。
- ベースラインを測定する前にビルドパフォーマンスを最適化しないでください。
よくある質問
このスキルはTailwind v3をサポートしていますか？
Tailwind CSS V4に焦点を当てています。v3からの移行は説明できますが、完全なv3リファレンスではありません。
移行を自動的に実行できますか？
パッケージにはshell scriptが含まれていますが、ユーザーは実行前にレビューし、ブランチ上でテストする必要があります。
デザインシステムに役立ちますか？
はい。CSS変数、コンポーネントレイヤー、テーマ構造、dark mode、マルチブランドパターンを扱います。
パフォーマンスに関するアドバイスは含まれていますか？
はい。プラグイン選択、Oxideの挙動、ビルド測定、一般的なパフォーマンス上の落とし穴を説明します。
どのAIツールで使用できますか？
レポートには、Claude、Codex、Claude Codeのサポートが記載されています。
移行後にユーザーは何を確認すべきですか？
ユーザーは、ブラウザーターゲット、視覚的変更、削除されたutility、テーマ変数、本番ビルド出力を確認する必要があります。
開発者情報
作成者
Calel33ライセンス
MIT
作者バージョン
v1.0.0
Skillstore リビジョン
r1
参照
67e6747f5b57a33ea8c62a0043d8f2ef310189ab
メンテナンスの新しさ
2026/7/25
利用状況
15 ダウンロード · 197 閲覧
Calel33 のその他のスキル
すべて表示📦
graphite-cli
75Graphite CLI スタックを管理する
スタック型プルリクエストは、通常の Git コマンドだけでは管理が難しい場合があります。このスキルは、スタックの作成、送信、同期、再構成を行うための Graphite CLI ワークフローを直接提供します。
コーディング＆開発 表示
📦
Next.js 16 Launchpad
38Next.js 16 アプリを構築
Next.js 16 への移行には、ルーティング、キャッシュ、ツール周りの破壊的変更が含まれます。このスキルは、最新の App Router プロジェクト向けに、焦点を絞ったワークフロー、スターターアセット、レビュー用チェックリストを提供します。
コーディング＆開発 表示
📦
react-19
38React 19 アプリを構築する
React 19 はフォーム、非同期状態、refs、サーバー境界を変えます。このスキルは Claude、Codex、Claude Code に、アップグレードと新規構築のための実践的なパターンを提供します。
コーディング＆開発 表示
関連スキル
すべて表示📦
vercel-react-view-transitions
82React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
コーディング＆開発 表示
📦
react-email
82ResendでReact Emailテンプレートを構築
作成者 resend
本番環境で使えるメールテンプレートの作成は、メールクライアントごとに挙動が異なるため困難です。このスキルは、Claude、Codex、Claude Codeに対して、React Emailコンポーネント、送信、スタイリング、ローカライゼーション、エディターワークフローを案内します。
コーディング＆開発 表示
📦
vue-best-practices
81Vue 3 TypeScript プラクティスを改善する
作成者 hyf0
Vue TypeScript プロジェクトでは、テンプレート、ルーター、Volar に関する分かりにくいエラーに直面しがちです。このスキルは、Codex、Claude、Claude Code 向けに Vue 3 の的確な修正方法を提供します。
コーディング＆開発 表示
📦
vue-options-api-best-practices
81Vue Options API コンポーネントを改善する
作成者 vuejs-ai
Vue Options API プロジェクトでは、型安全性や正しい this バインディングが失われることがあります。このスキルは、より安全な Vue コンポーネントのための実践的なパターンを提供します。
コーディング＆開発 表示
📦
senior-frontend
81本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
コーディング＆開発 表示
📦
vercel-react-best-practices
80React と Next.js のパフォーマンス最適化
作成者 vercel-labs
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。
コーディング＆開発 表示