技能 design-style-skill
🎨

design-style-skill

安全

將視覺設計系統套用至 PPT 投影片

不一致的樣式會讓簡報投影片看起來不專業且分散注意力。此技能提供四種預設設計風格配方,包含精確的圓角與間距數值,讓每張投影片都遵循統一的視覺系統。

支援: Claude Codex Code(CC)
🥉 74 青銅
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「design-style-skill」。 我需要一份適合財務報告的專業風格,裡面有很多表格和數據。

預期結果:

  • 推薦風格:Sharp & Compact(銳利緊湊)
  • 圓角 — small:0 英寸(直角)
  • 圓角 — medium:0.03 英寸(微圓角)
  • 圓角 — large: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),即可得到完美的膠囊形狀。
  • 在 Pill 風格中,卡片和容器請使用 rectRadius: 0.3 英寸。
  • 請記住:外部容器的圓角應大於或等於內部元件的圓角。

安全審計

安全
v1 • 4/16/2026

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.

1
已掃描檔案
210
分析行數
2
發現項
1
審計總數
低風險問題 (2)
False Positive: Backtick Execution in Markdown
Static analyzer detected backtick characters at lines 112, 133, 141, and 149 as Ruby shell execution. These are actually markdown fenced code block delimiters (```javascript and ```) used to display JavaScript PptxGenJS code examples. No shell commands or external process invocation exists in this documentation-only file.
False Positive: Weak Cryptographic Algorithm
Static analyzer detected weak cryptographic algorithms at lines 2-7. These lines contain YAML frontmatter fields (name, description) with plain text about PPT design styles. No cryptographic operations or algorithms of any kind are present.
審計者: claude

品質評分

38
架構
100
可維護性
87
內容
50
社群
100
安全
91
規範符合性

你能建構什麼

企業簡報樣式

將 Soft & Balanced(柔和平衡)風格套用至整個季度業務報告簡報,維持一致的專業外觀。

產品發表簡報

使用 Pill & Airy(膠囊通透)風格打造現代感、高級感的產品發表簡報,搭配膠囊狀按鈕和寬裕的留白。

數據報告銳利版面

將 Sharp & Compact(銳利緊湊)風格套用於財務數據簡報,使用密集的表格和精準的矩形,呈現嚴謹、數據驅動的外觀。

試試這些提示

為我的簡報選擇設計風格
我正在製作季度業務回顧簡報。請推薦一種設計風格,並提供我在整份簡報中應使用的圓角和間距數值。
設定卡片元件樣式
我需要在 PptxGenJS 中建立產品展示的卡片元件。請提供 Rounded & Spacious(圓潤寬敞)風格的 rectRadius、padding 和 spacing 數值。
正確混合兩種設計風格
我的簡報在標題區段使用了 Sharp & Compact 風格,我希望內容區域感覺更放鬆。請示範如何混合這些風格而不違反由外到內的圓角規則。
完整投影片設計語彙
產生 Pill & Airy 風格投影片的完整設計語彙集合:所有元件類型的圓角、排版字級、元件間距、頁面邊距和區塊間距。以參考表格格式呈現。

最佳實務

  • 在整份簡報的所有投影片中,始終一致地使用單一設計風格(Sharp、Soft、Rounded 或 Pill)。
  • 遵循由外到內的圓角規則:容器形狀的 rectRadius 應大於或等於其內部形狀的圓角。
  • 根據簡報目的搭配風格:數據報告用 Sharp、商業簡報用 Soft、產品展示用 Rounded、品牌發表用 Pill。

避免

  • 隨意混合圓角數值而不遵循預定義的風格配方,造成視覺不一致。
  • 將內部元件的圓角設得比外部容器更大,導致視覺溢出的效果。
  • 在需要緊湊資訊密度的數據密集簡報中使用 Pill 風格,而 Pill 風格更注重視覺衝擊而非資訊密度。

常見問題

我如何為簡報選擇合適的設計風格?
根據簡報類型選擇風格。財務報告和數據表格使用 Sharp & Compact(銳利緊湊)。一般商業簡報使用 Soft & Balanced(柔和平衡)。產品介紹使用 Rounded & Spacious(圓潤寬敞)。品牌發表和高端簡報使用 Pill & Airy(膠囊通透)。
PptxGenJS 使用什麼單位進行度量?
PptxGenJS 使用英寸作為度量單位。標準 16:9 投影片尺寸為寬 10 英寸、高 5.625 英寸。此技能中的所有圓角和間距數值均以英寸為單位。
我可以在同一張投影片上混合不同風格嗎?
可以,但請遵循由外到內的圓角規則。外部容器的圓角應大於或等於內部元件的圓角。例如,可以將 Sharp 標題與 Soft 內容區域搭配使用,但不要將大圓角的按鈕放在小圓角的卡片內。
如何建立完美的膠囊狀按鈕?
將 rectRadius 設為元件高度的一半。例如,高度 0.4 英寸的按鈕,將 rectRadius 設為 0.2 英寸。這樣就能建立兩端為半圓形的完美膠囊形狀。
不同文字元素應該使用多大的字級?
建議使用以下範圍:註解 10-12 pt、內文 14-16 pt、副標題 18-22 pt、標題 28-36 pt、大標題 44-60 pt、數據重點 60-96 pt。
簡報建議的頁面邊距是多少?
頁面邊距取決於您選擇的風格。Sharp 使用 0.3 英寸、Soft 使用 0.4 英寸、Rounded 使用 0.5 英寸、Pill 使用 0.6 英寸。越寬的邊距會營造越開闊、越高級的視覺感受。

開發者詳情

檔案結構

📄 SKILL.md