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.
戦略的なHTMLスライドデッキを作成
プレゼンテーションチームには、ストーリー、レイアウト、チャートを組み合わせた説得力のあるデッキが必要です。このスキルは、Claude、Codex、Claude CodeがレスポンシブなHTMLスライドを作成できるよう支援します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "ckm-slides" from https://skillstore.io/skills/nextlevelbuilder-ckm-slides.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ckm-slides/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「ckm-slides」を使用しています。 サイバーセキュリティプラットフォーム向けに9枚の営業デッキを作成してください。
期待される結果:
パーソナライズされたフック、課題、行動しないことによるコスト、解決策、実証、差別化要因、ROI、反論対応、CTAを含む営業デッキのアウトライン。
「ckm-slides」を使用しています。 プロダクト採用データを使って取締役会向け更新資料を作成してください。
期待される結果:
KPIカード、収益トレンドチャート、ロードマップの状況、リスク、必要な意思決定、簡潔な締めのスライドを含むリーダーシップ向けデッキ計画。
「ckm-slides」を使用しています。 開発者生産性スタートアップ向けのシードピッチを作成してください。
期待される結果:
市場の痛点、製品による解決策、トラクション、ビジネスモデル、チーム、財務情報、明確な資金調達依頼を含むYCスタイルのデッキ構成。
Most static findings are false positives caused by Markdown inline code, layout wording, HTML comments, and keyboard event handling. Two low-risk network dependencies are confirmed because generated decks may fetch Chart.js or background images from public CDNs. No prompt injection text was found in the reviewed files.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/nextlevelbuilder-ckm-slides/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ckm-slides?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ckm-slides?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ckm-slides/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ckm-slides.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-slides security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ckm-slides/audits/5@techreport{nextlevelbuilder-nextlevelbuilder-ckm-slides-2026,
author = {nextlevelbuilder},
title = {ckm-slides security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/nextlevelbuilder-ckm-slides/audits/5},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ckm-slides security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/nextlevelbuilder-ckm-slides/audits/5"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ckm-slides:audit:5"
description: "Skillstore immutable audit report identifier"
課題、解決策、市場、トラクション、チーム、資金調達依頼のスライドを含むHTML資金調達デッキを作成します。
製品メモを、実証、差別化要因、価格、次のステップを含む説得力のある営業フローに変換します。
レスポンシブレイアウト、KPIセクション、Chart.js可視化を備えたステークホルダー向けスライドを構築します。
新しい分析プロダクトについて、7枚のHTMLプレゼンテーションを作成してください。タイトル、課題、解決策、機能、実証、価格、CTAを含めてください。
中堅市場の財務チーム向けに営業ピッチデッキを作成してください。行動しないことによるコストのスライド、製品デモセクション、明確な次のステップを使用してください。
リーダーシップ向けのQBRデッキを作成してください。KPIスライド、Chart.jsの収益トレンド、リスク、必要な意思決定、締めの要約を含めてください。
AIワークフローのスタートアップ向けに、YCスタイルのシードデッキを作成してください。PASとFABのコピー、16:9のレスポンシブレイアウト、デザイントークン、自信のある投資家向けストーリーを使用してください。
作成者
nextlevelbuilderライセンス
MIT
作者バージョン
v1.0.0
Skillstore リビジョン
r1
参照
e397ce5a135369cd6def89cb6400d013e2f68f2f
メンテナンスの新しさ
2026/7/20
利用状況
33 ダウンロード · 0 閲覧
ファイル構成
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.
Anthropicブランドガイドラインを適用
作成者 Cam10001110101
チームには、ドキュメントやプレゼンテーション全体で一貫したAnthropic風のスタイリングが必要です。このスキルは、ブランド化された成果物のための色、タイポグラフィ、レイアウトのガイダンスを提供します。
画像を強化して視覚的により明瞭にする
作成者 DYAI2025
低品質なスクリーンショットは、ドキュメント、プレゼンテーション、ソーシャル投稿を読みにくくすることがあります。このスキルは、強化、アップスケーリング、シャープ化、アーティファクト低減、出力の選択をガイドします。
Anthropicブランドスタイリングを適用
作成者 sickn33
ブランドアセットは、Anthropicの色やタイポグラフィのガイダンスからずれることがあります。このスキルは、参照された色、フォント、ビジュアルスタイリングをプレゼンテーション、ドキュメント、デザイン案に適用するのに役立ちます。
Anthropic ブランドスタイリングを適用
作成者 sickn33
チームには、ドキュメントやスライド全体で一貫した Anthropic スタイルのビジュアルが必要です。このスキルは、Claude、Codex、Claude Code 向けに、パレット、タイポグラフィ、レイアウトのガイダンスを提供します。
ブランドボイスを活かしたSEOコンテンツを作成
作成者 alirezarezvani
マーケティングチームには、各チャネルに適合し、検索目標を支援する一貫したコンテンツが必要です。このスキルは、ブランドボイスの指針、コンテンツテンプレート、SEOチェック、ソーシャルメディア計画を組み合わせます。
高い視聴維持率のショート動画を作成する
作成者 vyralcontent
クリエイターは、フックが曖昧で、スクリプトに明確な見返りがないために視聴者を失いがちです。このスキルは、Claude、Codex、Claude Codeに、フック、スクリプト、カルーセル、批評のための構造化されたパターンを提供します。