design-style-skill
为PPT幻灯片应用视觉设计系统
不一致的样式会使演示文稿看起来不专业且令人分心。此技能提供四个预定义的设计风格配方，包含精确的圆角半径和间距值，确保每张幻灯片遵循统一的可视化系统。
下载技能 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），以获得完美的胶囊形状。
- 对于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)
质量评分
你能构建什么
企业演示文稿样式
在整个季度业务报告演示文稿中应用柔和与平衡风格，以获得一致的专业外观。
产品发布演示文稿
使用胶囊形与通透风格创建具有胶囊形按钮和充足留白的现代、高端产品发布演示文稿。
使用锐利布局的数据报告
将锐利与紧凑风格应用于财务数据演示文稿，使用密集的表格和精确的矩形形状，营造严肃、数据驱动的外观。
试试这些提示
我正在创建一个季度业务回顾演示文稿。推荐一种设计风格，并提供我应该在整个幻灯片中使用的圆角半径和间距值。
我需要在PptxGenJS中创建一个用于产品展示的卡片组件。给我Rounded & Spacious风格的rectRadius、padding和spacing值。
我的演示文稿有Sharp & Compact风格的页眉部分，我希望内容区域感觉更放松。展示如何在不破坏外到内圆角半径规则的情况下混合这些风格。
为Pill & Airy风格的幻灯片生成一组完整的设计令牌：所有组件类型的圆角半径、排版大小、元素间距、页面边距和区块间距。格式化为参考表格。
最佳实践
- 在整个演示文稿的所有幻灯片中始终使用单一设计风格（锐利、柔和、圆润或胶囊形）保持一致。
- 遵循外到内圆角半径规则：容器形状的rectRadius应大于或等于其内部形状。
- 将风格与演示目的相匹配：锐利风格用于数据报告，柔和风格用于商务演示，圆润风格用于产品演示，胶囊形风格用于品牌发布。
避免
- 混合随机圆角半径值而不遵循预定义风格配方，造成视觉不一致。
- 将内部元素的圆角半径设置得大于外部容器半径，从而产生视觉溢出效果。
- 在数据密集型演示文稿中使用胶囊形风格，此时紧凑的信息密度比视觉效果更重要。