ui-styling
83Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
完全なブランドデザインアセットを作成
デザインチームは、一貫したスタイルと形式で多くのブランドアセットを必要とすることがよくあります。このスキルは、Claude、Codex、Claude Code に対して、ロゴ、アイコン、アイデンティティモックアップ、バナー、ソーシャル画像、プレゼンテーションアセットの作成をガイドします。
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "ckm-design" from https://skillstore.io/skills/nextlevelbuilder-ckm-design.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ckm-design/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「ckm-design」を使用しています。 エコ旅行アプリ向けのロゴコンセプトを作成してください。
期待される結果:
「ckm-design」を使用しています。 SaaS 製品向けに LinkedIn と Instagram のローンチ用グラフィックを計画してください。
期待される結果:
「ckm-design」を使用しています。 コンサルティングブランド向けの CIP コンセプトを構築してください。
期待される結果:
The audit found no evidence of malware, prompt-injection text, or covert host reconnaissance. Most static hits are false positives from Markdown examples and design terminology, but the skill does read environment variables, loads .env files from user-home locations, writes generated files, and sends design inputs to Gemini APIs.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ckm-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ckm-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ckm-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ckm-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>nextlevelbuilder. (2026). ckm-design security audit report (audit version 5) [Author version 2.1.0]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5@techreport{nextlevelbuilder-nextlevelbuilder-ckm-design-2026,
author = {nextlevelbuilder},
title = {ckm-design security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5},
note = {Author version 2.1.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ckm-design security audit report (audit version 5)"
version: "2.1.0"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ckm-design:audit:5"
description: "Skillstore immutable audit report identifier"
新会社向けに、ロゴの方向性、色の選択、アイコン案、最初のプレゼンテーションビジュアルを作成します。
一貫した寸法とビジュアルの方向性で、プラットフォーム別のソーシャル画像、バナー、ヘッダーを計画します。
名刺、レターヘッド、パッケージ、プレゼンテーションモックアップなど、コーポレートアイデンティティの納品物コンセプトを生成します。
ckm-design を使用して、Harbor Bean という小さなコーヒーショップ向けに 3 つのロゴ方向性を提案してください。各方向性について、スタイル、カラーパレット、アイコン案を含めてください。
ckm-design を使用して、LinkedIn、Instagram、X での製品ローンチ向けソーシャルメディア画像を計画してください。寸法、レイアウト方針、コピー階層、ビジュアルスタイルを含めてください。
ckm-design を使用して、ヘルスケア分析企業向けのコーポレートアイデンティティプログラムを作成してください。納品物、モックアップの文脈、タイポグラフィスタイル、色の使い方を推奨してください。
ckm-design を使用して、B2B AI プラットフォーム向けのブランドシステムを定義し、その後にロゴバリエーション、アイコンスタイル、プレゼンテーション構成、バナーアセット、ソーシャル画像テンプレートを計画してください。
作成者
nextlevelbuilderライセンス
MIT
作者バージョン
v2.1.0
Skillstore リビジョン
r1
参照
1ffa7643651792ccb4bd3b15d924d2c97edff755
メンテナンスの新しさ
2026/7/18
利用状況
11 ダウンロード · 9 閲覧
Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Build Consistent Design Systems and Slides
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Create Strategic HTML Presentations
Building persuasive, responsive presentations requires coordinated structure, design, copy, and data visualization. This skill turns a topic and audience brief into a complete HTML deck.
UI と UX デザインのワークフローを改善する
インターフェイス作業では、一貫したスタイル、アクセシビリティ、スタック固有のガイダンスが必要になることがよくあります。このスキルは、Claude、Codex、Claude Code に、デザインの計画、構築、レビューのために検索可能な UI/UX リファレンスを提供します。
ブランドガイドラインとアセットワークフローを構築
ブランド業務では、ボイス、ビジュアル、アセット、デザイントークンの間で一貫性が崩れがちです。このスキルは、Claude、Codex、Claude Code が一貫したブランドシステムを作成、レビュー、適用するのを支援します。
Build consistent brand guidelines and assets
Brand work can become inconsistent across content, assets, and interfaces. This skill provides structured guidance, validation, and token synchronization to keep brand decisions aligned.
リサーチ主導のデザインガイダンスでUXを改善
作成者 shubhamsaboo
チームは思い込みに基づいてフローを設計し、アクセシビリティの問題を見落としがちです。このスキルは、UXのベストプラクティスを用いて、リサーチ、構造化、インタラクションデザイン、レビューを支援します。
フロントエンドのビジュアルデザインを改善
作成者 Barnhardt-Enterprises-Inc
一般的なフロントエンド画面は似た見た目になりがちで、ブランドへの焦点が弱くなります。このスキルは、より明確なインターフェースのために、タイポグラフィ、色、モーション、奥行きの選択をガイドします。
アクセシブルなプロダクトインターフェイスを設計する
作成者 sickn33
チームは、ユーザーニーズを一貫性がありアクセシブルなインターフェイスへ落とし込むことに苦労しがちです。このスキルは、リサーチ、フロー、デザインシステム、トークン、ハンドオフをガイドします。
より良い Google Stitch UI プロンプトを作成する
作成者 sickn33
プロンプトの詳細が不足していると、Google Stitch は汎用的なデザインを生成することがあります。このスキルは、画面、フロー、ビジュアルスタイル、アクセシビリティ、ハンドオフに関する構造化されたプロンプト作成ガイダンスを提供します。
再利用可能なデザインシステムパターンを抽出する
作成者 pbakaus
チームはアプリケーション全体で UI コンポーネント、トークン、レイアウトパターンを重複して作成しがちです。このスキルは、Claude、Codex、または Claude Code が再利用可能なパターンを見つけ、それらを保守されたデザインシステムへ統合するのに役立ちます。
Anthropicブランドガイドラインを適用
作成者 Cam10001110101
チームには、ドキュメントやプレゼンテーション全体で一貫したAnthropic風のスタイリングが必要です。このスキルは、ブランド化された成果物のための色、タイポグラフィ、レイアウトのガイダンスを提供します。