📦
content-creator
88ブランドに一貫したマーケティングコンテンツを作成
マーケティングチームには、チャネルを横断して一貫性を保つコンテンツが必要です。このスキルは、ブランドボイスとSEOに合わせてコンテンツを計画、執筆、分析、最適化するのに役立ちます。
ライティング＆コンテンツ 表示
スキル tailwind-design-system
📦
tailwind-design-system
コンテンツリビジョン r2 安全 ⚙️ 外部コマンド
Tailwindデザインシステムを構築
チームは、製品全体でTailwindインターフェースの一貫性を保つことに苦労しがちです。このスキルは、再利用可能なトークン、コンポーネント、レイアウト、テーマ、アクセシビリティのパターンを提供します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "tailwind-design-system" from https://skillstore.io/skills/sickn33-tailwind-design-system.md and its manifest at https://skillstore.io/api/skills/sickn33-tailwind-design-system/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「tailwind-design-system」を使用しています。 SaaSダッシュボード向けのTailwindトークンシステムを計画してください。
期待される結果:
- 背景、前景、プライマリ、セカンダリ、ミュート、アクセント、ボーダー、リング状態のセマンティックカラーグループ。
- 同じトークン名を反映するダークモード変数。
- 一貫したコンポーネント密度のための角丸とスペーシングのガイダンス。
「tailwind-design-system」を使用しています。 繰り返し使われるボタンとカードを標準化してください。
期待される結果:
- 目的、バリアント、サイズ、状態ごとに分類されたコンポーネントインベントリ。
- 共有バリアント命名とデフォルト状態に関する推奨事項。
- フォーカスリング、無効状態、読みやすいコントラストのアクセシビリティチェック。
「tailwind-design-system」を使用しています。 既存製品のレスポンシブレイアウトを改善してください。
期待される結果:
- 一般的なページ種別に合わせたコンテナサイズ。
- 2列、3列、4列、6列レイアウト向けのグリッドルール。
- スペーシング、折り返し、モバイルでの読みやすさに関するレビューコメント。
セキュリティ監査
安全v5 • 2026/9/6 バージョン別レポートを開く
All nine static findings are false positives caused by TypeScript syntax, Markdown backticks, and ordinary design-system examples. No executable shell behavior, system reconnaissance, prompt injection, exfiltration intent, or other semantic security risk was found.
2
スキャンされたファイル
708
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/sickn33-tailwind-design-system/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/sickn33-tailwind-design-system?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/sickn33-tailwind-design-system?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-tailwind-design-system/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/sickn33-tailwind-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形式の引用
sickn33. (2026). tailwind-design-system security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-tailwind-design-system/audits/5BibTeX形式の引用
@techreport{sickn33-sickn33-tailwind-design-system-2026,
author = {sickn33},
title = {tailwind-design-system security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-tailwind-design-system/audits/5},
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: "tailwind-design-system security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-09-06"
url: "https://skillstore.io/skills/sickn33-tailwind-design-system/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-tailwind-design-system:audit:5"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 2 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
Skillstore スコアが最高
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
69
コミュニティ
83
仕様準拠
作成できるもの
デザインシステムの基盤
新しい製品インターフェース向けに、セマンティックトークン、ダークモード変数、再利用可能なTailwind規約を計画します。
コンポーネントライブラリの標準化
繰り返し使われるTailwindマークアップを、一貫したバリアントと状態を持つ型付きの再利用可能コンポーネントに変換します。
レスポンシブUIの整理
既存画面全体で、コンテナ、グリッド、スペーシング、アクセシビリティのパターンによりレイアウトの一貫性を改善します。
これらのプロンプトを試す
デザイントークンを整理する
Tailwindデザインシステムスキルを使って、私のアプリ向けにセマンティックな色、スペーシング、角丸、ダークモードのトークンを提案してください。
コンポーネントバリアントを作成する
Tailwindデザインシステムスキルを使って、React TypeScriptコンポーネントライブラリ向けにボタン、入力、カード、ラベルのバリアントを設計してください。
レスポンシブレイアウトを標準化する
Tailwindデザインシステムスキルを使って、ダッシュボード、マーケティング、フォームページ向けのレスポンシブコンテナとグリッドパターンを定義してください。
既存UIシステムをリファクタリングする
Tailwindデザインシステムスキルを使って、現在のTailwindコンポーネントを監査し、トークン、バリアント、テーマ、アクセシビリティの移行計画を作成してください。
ベストプラクティス
- コンポーネント固有のTailwindクラスより先に、セマンティックトークンを使用します。
- コンポーネントバリアントは型付けし、集約し、文書化します。
- フォーカス状態、ARIAの挙動、コントラスト、ダークモードをまとめて検証します。
回避
- すべてのコンポーネント内にブランドカラーをハードコードすること。
- 一般的なレイアウト選択に任意値を追加すること。
- プロジェクト規約に合わせずにサンプルコンポーネントをコピーすること。
よくある質問
このスキルは完全なデザインシステムを作成しますか？
パターン、例、実装ガイダンスを提供します。最終的なトークン、コンポーネント、レビュー基準は引き続き自分で選択します。
Claude、Codex、Claude Codeで動作しますか？
はい。レポートにはClaude、Codex、Claude Codeのサポートが記載されています。
どのフレームワークを前提としていますか？
例では、React、TypeScript、Tailwind CSS、CVA、Radixパターン、および一般的なユーティリティヘルパーに焦点を当てています。
アクセシビリティガイダンスは含まれていますか？
はい。フォーカスリング、ARIAエラーメッセージ、ラベル、無効状態、キーボード操作に適したコンポーネント構造を扱います。
ダークモードに役立ちますか？
はい。CSS変数によるテーマ設定、テーマプロバイダーパターン、テーマ切り替えパターンを含みます。
コードを自動的に変更しますか？
いいえ。これは実装とレビューをガイドする説明用のスキルです。
開発者情報
作成者
sickn33ライセンス
MIT
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
参照
ae6ba0f1a47f0b4427a656b2202f2ff34bfea6be
メンテナンスの新しさ
2026/9/6
利用状況
19 ダウンロード · 126 閲覧
ファイル構成
sickn33 のその他のスキル
すべて表示📦
prompt-engineering-patterns
85実証済みパターンでLLMプロンプトを改善
一貫性のないプロンプトは時間を浪費し、AIの出力を信頼しにくくします。このスキルは、再利用可能なパターン、例、評価手順、最適化ワークフローを使ってプロンプト設計を支援します。
生産性 表示
📦
senior-architect
81スケーラブルなソフトウェアアーキテクチャを設計する
アーキテクチャ上の意思決定は、Web、モバイル、バックエンド、クラウドシステム全体で比較するのが困難です。このスキルは、レポート、依存関係レビュー、トレードオフ文書化のための構造化されたガイドとローカルのスキャフォールドスクリプトを提供します。
コーディング＆開発 表示
📦
senior-fullstack
81シニアレベルのパターンでフルスタックアプリを構築
チームには、モダンなWebアプリケーション向けに一貫したセットアップ、アーキテクチャ、レビュー指針が必要です。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQLプロジェクト向けのスキャフォールダー、ワークフローのリファレンス、品質向上のためのプロンプトを提供します。
コーディング＆開発 表示
📦
prompt-engineer
81Prompt EngineerでAIプロンプトを最適化
目標が曖昧だったり複雑だったりすると、明確なプロンプトを書くのは困難です。このスキルは、実績のあるプロンプトフレームワークを使って、粗い依頼を構造化されたプロンプトに変換します。
生産性 表示
📦
product-manager-toolkit
80リサーチインサイトでプロダクト業務の優先順位を決める
プロダクトチームには、機能の順位付け、インタビューの統合、意思決定の文書化をより速く行う方法が必要です。このスキルは、構造化された計画のために、RICEスコアリング、インタビュー分析、PRDテンプレートを提供します。
生産性 表示
関連スキル
すべて表示📦
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.
デザイン＆クリエイティブ 表示
📦
ux-designer
80リサーチ主導のデザインガイダンスでUXを改善
作成者 shubhamsaboo
チームは思い込みに基づいてフローを設計し、アクセシビリティの問題を見落としがちです。このスキルは、UXのベストプラクティスを用いて、リサーチ、構造化、インタラクションデザイン、レビューを支援します。
デザイン＆クリエイティブ 表示
📦
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.
デザイン＆クリエイティブ 表示
📦
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.
デザイン＆クリエイティブ 表示
📦
frontend-aesthetics
79フロントエンドのビジュアルデザインを改善
作成者 Barnhardt-Enterprises-Inc
一般的なフロントエンド画面は似た見た目になりがちで、ブランドへの焦点が弱くなります。このスキルは、より明確なインターフェースのために、タイポグラフィ、色、モーション、奥行きの選択をガイドします。
デザイン＆クリエイティブ 表示