المهارات المنشورة 7
ckm:slides
データ可視化を含む戦略的なHTMLプレゼンテーションを作成
説得力のあるスライドデッキをゼロから作成するには、何時間ものデザインとコピーライティング作業が必要です。このスキルは、実績のあるテンプレート、Chart.jsの統合、コピーライティング式を提供し、プロフェッショナルなプレゼンテーションを迅速に作成します。
ckm:banner-design
あらゆるプラットフォーム向けバナーのデザイン
プラットフォーム固有のバナー作成には、正確な寸法、セーフゾーン、アートディレクションの選択が必要です。このスキルは、SNS、ウェブ、印刷用の正確な仕様で複数のバナー design option を生成するガイド付きワークフローを提供します。
ckm:brand
一貫したブランドアイデンティティの構築と維持
コンテンツ、アセット、デザインシステム全体でブランドの一貫性を維持することは、ガイドラインが散在するドキュメントに存在する場合に困難です。このスキルは、構造化されたフレームワーク、自動検証スクリプト、デザイン トークンの同期を提供し、ブランドのボイスとビジュアルを整合した状態に保ちます。
ui-ux-pro-max
プロフェッショナルなUI/UXデザインを作成
ユーザーインターフェースの構築には、適切なスタイル、色、レイアウトパターンを見つける必要があります。このスキルは、50種類のデザインスタイル、21色のカラーパレット、50種類のフォント組み合わせ、フレームワーク固有のガイドラインを含む包括的なデータベースを提供し、プロフェッショナルなインターフェースを作成します。
ckm:ui-styling
UIスタイリングツールキット - shadcn/ui、Tailwind CSS、キャンバスデザイン
shadcn/uiのアクセシブルなコンポーネントライブラリと、Tailwind CSSのユーティリティファーストなスタイリング、キャンバスベースのビジュアルデザインシステムを組み合わせることで、UI開発の摩擦を排除します。このスキルは、40以上のshadcn/uiコンポーネントのリファレンスドキュメント、テーマ設定とダークモードのパターン、アクセシビリティガイドライン、レスポンシブデザインユーティリティ、コンポーネントインストールとTailwind設定生成のためのPython自動化スクリプトを提供します。
ckm:design
AIを使ってロゴ、ブランドアイデンティティ、ソーシャルメディアビジュアルをデザイン
プロフェッショナルなデザインを作成するには、通常デザイナーを雇うか複雑なソフトウェアを学ぶ必要があります。このスキルは、AIを使って説明文から直接、ロゴ、ブランドアイデンティティ文書、ソーシャルメディア画像、バナー、アイコン、プレゼンテーションを生成します。
ckm:design-system
デザイントークンの生成、使用状況の検証、ブランドスライドの作成
デザインシステムは、プリミティブ、セマンティック、コンポーネントの各レイヤーにわたってトークンが一貫して適用されないと、しばしば機能しなくなります。このスキルは、JSONトークン定義からCSS変数を生成し、コード内でのトークン使用状況を検証し、Chart.jsを統合したブランド準拠のスライドプレゼンテーションを作成します。