design-style-skill
PPTスライドにビジュアルデザインシステムを適用する
一貫性のないスタイリングは、プレゼンテーションスライドを未professionallyに見せ、注意をそらします。このスキルは、正確な角丸半径とスペーシング値を持つ4つの定義済みデザインスタイルレシピを提供し、すべてのスライドが統一されたビジュアルシステムに従うようにします。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「design-style-skill」を使用しています。 たくさんの表とデータを含む財務レポート用のプロフェッショナルなスタイルが必要です。
期待される結果:
- 推奨スタイル：Sharp & Compact
- 角丸半径 - 小：0インチ（直角）
- 角丸半径 - 中：0.03インチ（わずかに丸み）
- 角丸半径 - 大：0.05インチ（小さな丸み）
- 要素のパディング：0.1〜0.15インチ
- 要素間隔：0.1〜0.2インチ
- ページマージン：0.3インチ
- ブロックスペーシング：0.25〜0.35インチ
- このスタイルは、表や財務レポートなどのデータ密度の高いレイアウトに最適です。
「design-style-skill」を使用しています。 Pill & Airyスタイルのボタンにどの角丸半径を使用すべきですか？
期待される結果:
- Pill & Airyスタイルのボタンとラベルには、rectRadius: 0.2インチを使用してください。
- ボタンの高さが0.4インチの場合、rectRadiusを0.2インチ（高さの2分の1）に設定して、完璧なカプセル形状にします。
- Pillスタイルのカードとコンテナには、rectRadius: 0.3インチを使用してください。
- 覚えておいてください：外側コンテナの半径は常に内側要素の半径以上である必要があります。
セキュリティ監査
安全Static analyzer flagged 10 findings (6 high, 4 medium), but all are false positives. The "Ruby/shell backtick execution" detections point to markdown fenced code block delimiters (```javascript) wrapping JavaScript PptxGenJS examples, not actual shell commands. The "weak cryptographic algorithm" detections reference plain YAML frontmatter metadata fields. The SKILL.md file contains only design system reference documentation with tables of corner radius values, spacing tokens, typography guidelines, and code examples. No executable code, network calls, environment access, or security-sensitive operations are present.
低リスクの問題 (2)
品質スコア
作れるもの
企業プレゼンテーションのスタイリング
四半期ビジネスレポートデッキ全体にSoft & Balancedスタイルを適用し、一貫したプロフェッショナルな外観を実現する。
製品ローンチデッキ
Pill & Airyスタイルを使用して、カプセル型のボタンと広々としたホワイトスペースを備えたモダンでプレミアム感のある製品ローンチプレゼンテーションを作成する。
Sharpレイアウトのデータレポート
財務データプレゼンテーションにSharp & Compactスタイルを適用し、密度の高い表と精密な長方形の形状で、深刻でデータ駆動型の外観を実現する。
これらのプロンプトを試す
四半期ビジネスレビュープレゼンテーションを作成しています。スライド全体で使用するべきデザインスタイルを推奨し、角丸半径とスペーシング値を提供してください。
製品ショーケース用のPptxGenJSカードコンポーネントを作成する必要があります。Rounded & SpaciousスタイルのrectRadius、パディング、スペーシング値を教えてください。
プレゼンテーションにSharp & Compactのヘッダーセクションがあり、コンテンツエリアはもっとリラックスした感じにしたいです。外側から内側への角丸半径ルールを破らずに、これらのスタイルを混合する方法を教えてください。
Pill & Airyスタイルスライドの完全なデザイントークンを生成してください：すべてのコンポーネントタイプの角丸半径、タイポグラフィサイズ、要素間隔、ページマージン、ブロックスペーシング。参照テーブルとしてフォーマットしてください。
ベストプラクティス
- プレゼンテーション内のすべてのスライドで、単一のデザインスタイル（Sharp、Soft、Rounded、またはPill）を一貫して使用する。
- 外側から内側への角丸半径ルールに従う：コンテナ形状は、その内部の形状と同じかそれ以上のrectRadiusを持つ必要がある。
- スタイルをプレゼンテーションの目的に合わせる：データレポートにはSharp、ビジネスにはSoft、製品デモにはRounded、ブランドローンチにはPill。
回避
- 定義済みスタイルレシピに従わずにランダムな角丸値を混合し、視覚的な一貫性を損なう。
- 内側要素の角丸半径を外側コンテナの半径より大きく設定し、視覚的なオーバーフロー効果を生み出す。
- 視覚的なインパクトよりもコンパクトな情報密度が重要なデータ重視のプレゼンテーションにPillスタイルを使用する。