源自 GitHubHTML幻灯片组件排版
该技能提供了基于 Web 的 presentation/index.html 幻灯片样式与组件排版规范。它收录了网格布局（如双栏对齐、信息网格）、内容块（核心概念提示框、警告框、行动指引框）、列表容器、代码语法高亮 span 标签以及常见幻灯片骨架模板（前后对比页、代码示例页、图标列表页），帮助开发者和设计人员快速产出风格统一、层级清晰的前端演示页面。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“按照 presentation-styling 规范，生成一个展示'传统模式 vs Agentic 模式'的双栏对比幻灯片 HTML 片段”
“在当前演示页中加入一个橙色警告框，说明权重徽标不要手动硬编码的原因”
“编写一段包含注释、属性键名和高亮命令的 .code-block 代码块 HTML”
适用人群
适合谁？
上手门槛
使用难度
入门
无需编程基础。会和 AI 对话就能使用。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
