
人工智能AI 应用桌面应用【免费下载链接】open-codesignOpen-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.项目地址https://gitcode.com/gh_mirrors/op/open-codesign点击查看免费下载导读本文围绕 Open CoDesign 仓库内置的pitch-deck方法技能method skill展开讲解该技能如何约束 AI 在生成融资路演、产品演示与多页叙事型演示文稿时的结构、排版、数据可视化与配色纪律并深入其加载与注入机制frontmatter 字段、三级技能目录优先级、skill(name)工具调用链与模板落地资源。读完本文你将掌握 pitch-deck 的全部设计规则并理解如何通过内置技能机制让任意模型Claude、GPT、Gemini 等按同一套演示文稿规范产出高质量幻灯片。一、什么是方法技能pitch-deck 在仓库中的定位Open CoDesign 把如何工作的规则沉淀为可复用的 Markdown 方法技能method skill存放在 apps/desktop/resources/templates/skills 目录下每个.md文件就是一个技能。根据 模板资源说明skills/*.md是通过skill(name)加载的 Markdown 方法技能它们描述的是工作方法布局、可访问性、图表、表单、响应式行为、工艺检查以及DESIGN.md交接规则与brand-refs/*/DESIGN.md品牌参考、design-skills/*.jsx可复制的 JSX 组件片段、scaffolds/**脚手架源文件属于不同资源类型。pitch-deck.md 正是其中之一当用户提出做一个幻灯片/路演/演示文稿/多页叙事时它约束模型遵循幻灯片结构、留白纪律与一页一主张规则。其 frontmatter 中的描述明确写明Designs polished pitch deck slides and presentation layouts. Use when the user asks for a slide deck, investor pitch, presentation, or multi-slide narrative. Enforces slide structure, whitespace discipline, and one-claim-per-slide rule.在 技能加载测试 中pitch-deck被显式断言为内置技能之一与frontend-design-anti-slop、data-viz-recharts、mobile-mock等同属内置技能集证明该技能在构建打包时即随应用发布。二、frontmatter 字段逐项解析一个技能如何被注册与触发pitch-deck.md的 YAML frontmatter 如下完整继承原文--- schemaVersion: 1 name: pitch-deck description: Designs polished pitch deck slides and presentation layouts. Use when the user asks for a slide deck, investor pitch, presentation, or multi-slide narrative. Enforces slide structure, whitespace discipline, and one-claim-per-slide rule. trigger: providers: [*] scope: system disable_model_invocation: false user_invocable: true ---这些字段由 packages/shared/src/skills.ts 中的SkillFrontmatterV1基于 zod 的 schema在加载时校验各字段含义与默认值如下字段类型 / 默认值含义与在本技能中的取值schemaVersionliteral(1)默认1技能清单格式版本本技能显式声明为1name非空字符串技能唯一名称即skill(pitch-deck)调用的名称description非空字符串最长 1536 字符用于模型判断何时该调用本技能这里覆盖了 slide deck / investor pitch / presentation / multi-slide narrative 四类请求aliases字符串数组默认[]别名可通过别名命中同一技能dependencies字符串数组默认[]技能依赖项validationHints字符串数组默认[]校验提示trigger.providers字符串数组默认[*]触发该技能的提供商白名单[*]表示对所有提供商生效Claude、GPT、Gemini、Kimi、GLM、Ollama 等均适用trigger.scopesystem|prefix默认system触发作用域system表示系统级规则disable_model_invocation布尔默认false是否禁止模型自动调用false表示允许user_invocable布尔默认true用户是否可手动调用allowed_tools字符串数组可选限定该技能可使用的工具在 packages/providers/src/skill-injector.ts 的filterActive中可以看到激活过滤逻辑!s.frontmatter.disable_model_invocation matchesProvider(s.frontmatter.trigger?.providers, providerId)。也就是说只有未被禁用的技能、且其trigger.providers包含*或当前提供商 ID 时才会被纳入活动技能清单。pitch-deck的providers: [*]保证它面向所有接入的模型提供商生效。三、技能的加载链路从模板目录到模型上下文pitch-deck.md的完整加载路径如下理解它有助于你弄清文档中的规则如何真正进入模型模板树位置技能文件位于apps/desktop/resources/templates/skills/。根据 generate.ts桌面应用在运行时以app.getPath(userData)拼接出userData/templates并从中加载 frames 与 design-skills技能目录同理位于用户可编辑的userData/templates/skills/。首次启动时由应用 bundle 播种seed之后用户可自行编辑。加载器packages/core/src/skills/loader.ts 内置了一个轻量 YAML frontmatter 解析器支持键值对、/|块标量、嵌套映射、行内与块序列读取.md文件后用SkillFrontmatterV1校验失败则抛出CodesignError(..., ERROR_CODES.SKILL_LOAD_FAILED)。三级优先级loadAllSkills从内置builtin、用户~/.config/open-codesign/skills、项目project/.codesign/skills三层目录加载合并时项目优先于用户、用户优先于内置loadAllSkills源码注释明确Priority order: project user builtin。这意味着你可以通过用户或项目层放置同名pitch-deck.md覆盖内置规则且覆盖行为由代码保证。清单与调用skill(name)工具packages/core/src/tools/skill.ts通过listSkillManifest建立技能清单名称、别名、描述、路径等invokeSkill按名称或别名查找并把 Markdown 正文返回给模型每个技能每会话只注入一次重复调用返回 already loaded 短提示。模型必须先调用skill工具拿到正文再开始生成幻灯片。从源码结构看v0.2 的设计是不把技能全文注入每个请求的 prompt而是由 core 构建紧凑的资源清单skill(name)是获取完整正文的唯一通道见 skill-injector.ts 头部注释这是一种节省 token、按需取用的注入策略。四、核心设计原则一页一主张与结构纪律pitch-deck.md正文提出了八条可执行的幻灯片设计原则以下逐条完整继承并展开。4.1 一页一主张One Claim Per Slide每页幻灯片只传达一个想法。如果你发现自己写出以及、还有and also...那就应该拆成两页。这一主张必须能用一句不超过 12 个词的句子表达并置于幻灯片顶部。这条规则的价值在于把论点与论据分离顶部主张句claim即页面的标题级信息其余视觉元素全部服务于支撑这一句话。4.2 字体层级Typographic Hierarchy使用三级字号体系标题headline56–72px支撑陈述supporting statement24–32px正文 / 说明文字body/caption14–16px同时规定最多使用两种字体家族——展示字体display font用于标题中性字体neutral font用于正文大标题使用紧凑字距letter-spacing −0.02em 至 −0.04em紧凑字距在视觉上传达自信。4.3 留白即信号Whitespace as Signal每页至少保留 20% 的空白面积。拥挤的页面暗示演讲者不信任观众。页边距至少为幻灯片宽度的 8–12%元素之间的垂直间距不可妥协。4.4 幻灯片比例与尺寸Slide Ratio and Dimensions默认 16:9画布建议 1920×1080px 或 1280×720px避免 4:3显得过时。对于移动端优先场景手机上滚动观看的 deck改用 9:16 竖屏比例。4.5 数据幻灯片Data Slides每张图表必须包含陈述洞察而非仅仅罗列指标的标题与幻灯片正文同字体的坐标轴标签清晰的配色图例color key。同时明确禁止3-D 图表、超过 4 个分段的饼图。柱状图bar charts和面积图area charts阅读速度最快。使用单一强调色高亮想让观众注意的数据序列其余序列统一置灰。4.6 配色纪律Color Discipline调色板限制为 3 种颜色背景色、文字色、一个强调色accent。如果需要第二个强调色必须是第一个强调色的浅色调tint。整套 deck 的所有页面共享同一调色板中途不得引入新颜色。4.7 开场页与收尾页Opening and Closing Slides开场页必须在5 秒阅读内让问题变得切肤可感make the problem viscerally clear收尾页必须陈述唯一一个期望行动invest / partner / join并附上联系方式而不是泛泛的谢谢或QA。4.8 叙事弧线Narrative Arc推荐结构问题Problem→ 洞察Insight→ 方案Solution→ 证据Evidence→ 行动请求Ask。每个环节 1–3 页产品功能介绍部分不得超过整个 deck 的 25%。五、落地资源slide-deck.jsx 与 slide-16-9.htmlpitch-deck 技能约束的是方法与规则而仓库同时提供了与之配套的可复制实现资源让规则直接落到代码5.1 slide-deck.jsx四套可直接复制的幻灯片组件apps/desktop/resources/templates/design-skills/slide-deck.jsx 是设计技能design skill——可复制的 JSX 组件片段由 design-skills/index.ts 定义的DESIGN_SKILL_FILES清单管理宿主把它暴露在 Agent 虚拟文件系统的skills/file.jsx路径下。该文件头部注释声明其适用场景16:9 pitch / keynote slides. Four variants: editorial title slide, section divider with chapter number, two-column body with visual, and big-number stat slide.即四种页面变体编辑风标题页、带章节编号的分节页、图文两栏正文页、大数字数据页以及自动渲染的页码条page number strip。它与 pitch-deck 规则的高度对应值得注意16:9 画布SlideShell使用aspectRatio: 16 / 9直接落实默认 16:9规则配色纪律顶部TWEAK_DEFAULTS定义了五个 token——accent: #CC785C、bg: #faf8f3、ink: #1a1a1a、muted: #6b6258、rule: #e6dfd1本质上是背景 / 文字 / 强调色三色体系的扩展实现且全 deck 共用同一组 token字体层级预置SERIFFraunces / DM Serif Display、SANSDM Sans、MONOJetBrains Mono三个字体变量标题与正文分别使用展示字体与中性字体留白SlideShell内边距为56px 72px在 16:9 画布上对应了充足的边缘留白页码与装饰底部页码条以String(n).padStart(2, 0) / total形式渲染页号配以分隔线和章节眉题eyebrow属于演示文稿的常规结构元素。5.2 slide-16-9.html完整的 16:9 演示脚手架apps/desktop/resources/templates/scaffolds/decks/slide-16-9.html 是一份可直接起步的 HTML deck 脚手架顶部 CSS 变量定义了成套设计 token:root { --deck-bg: #f7f3ec; --deck-paper: #fffaf2; --deck-ink: #10172b; --deck-muted: #5d6680; --deck-line: #ded6c8; --deck-accent: #e0522d; --deck-blue: #465a82; }其.deck容器使用aspect-ratio: 16 / 9宽度min(92vw, 1280px).slide内边距64px 72px 52px正文使用 DM Sans 字体——在画布比例、边距、配色 token 化三方面与 pitch-deck 规则及 slide-deck.jsx 保持同一套设计语言。它属于scaffolds/**类型资源按 模板资源说明 的定义可通过scaffold(kind, destPath)直接复制到工作区作为起步资产。六、实操建议如何让 pitch-deck 规则真正生效明确请求意图向应用描述需求时使用slide deck / investor pitch / presentation / 多页叙事等关键词模型会依据description命中pitch-deck技能你也可以按user_invocable: true手动触发。先加载技能再生成skill(name)工具说明skill.ts要求只要请求匹配就在写代码之前调用。生成前让模型先调用skill(pitch-deck)获取完整规则正文再开始构建。复用落地资源优先从slide-deck.jsx的四种页面变体与slide-16-9.html脚手架起步它们已内置 16:9 画布、三色 token 体系与字体层级天然满足技能约束。自定义与覆盖技能支持三层覆盖项目 用户 内置。在项目根目录创建.codesign/skills/pitch-deck.md或在用户配置目录~/.config/open-codesign/skills/放置同名文件即可按团队规范扩展或覆盖内置规则参考 loader.ts 的loadAllSkills合并逻辑。注意技能校验约束description最长 1536 字符、frontmatter 字段必须通过SkillFrontmatterV1校验加载失败会以SKILL_LOAD_FAILED错误码中止因此自定义技能文件需严格遵循 schema 定义。七、验证与测试依据仓库对技能机制的验证是成体系的skills/loader.test.ts 断言内置技能目录中包含pitch-deckexpect(ids).toContain(pitch-deck)并覆盖了最小/完整 frontmatter 解析、缺失目录返回空数组、非 ENOENT 错误向上传播等边界情况skill-injector.ts 的filterActive通过单测验证了提供商匹配与禁用过滤逻辑模板资源说明 明确了技能目录的资源语义、方法技能升级机制仅七个已知方法文件可自动刷新pitch-deck不在其中属于稳定内置资源以及禁止 CDN 脚本、保持来源格式与扩展名一致等内容维护清单。结语pitch-deck是 Open CoDesign 方法技能体系的一个典型样本它以一份 Markdown 规则文件约束模型的设计行为通过 frontmatter 声明触发条件与提供商范围经由三级目录加载与skill(name)工具按需注入并有slide-deck.jsx、slide-16-9.html等落地资源配套。理解它的加载链路与八条设计原则你既能在日常使用中稳定产出结构严谨、留白得当、数据清晰的路演文稿也能参考这套机制为项目沉淀自己的方法技能。赞分享人工智能AI 应用桌面应用【免费下载链接】open-codesignOpen-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.项目地址https://gitcode.com/gh_mirrors/op/open-codesign点击查看免费下载相关推荐极简抖音批量下载工具douyin-downloader 实战极简抖音批量下载工具douyin downloader 实战 想给一个抖音作者的主页做一次去水印批量下载或者每天定时抓一份热搜榜快照douyin down网页爬虫CLIWebSlides落地页设计10个技巧用演示文稿技术打造高转化率页面WebSlides落地页设计10个技巧用演示文稿技术打造高转化率页面 想要快速创建令人惊艳的落地页吗WebSlides 是一个强大的开源工具让你能够在几秒前端UI组件金融服务业投行演示文稿 QC 指南Pitch Agent 的 ib-check-deck 技能全解析金融服务业投行演示文稿 QC 指南Pitch Agent 的 ib check deck 技能全解析 本文以 financial services 仓库中 p人工智能AI 应用AI 技能/插件AI Agent金融科技上一篇marimo技术债务技术债务管理和偿还下一篇突破数据库监控瓶颈VictoriaMetrics高可用集群方案实践创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考