ui-ux-pro-max-skill 幻灯片说服力文案公式指南25 个公式、标题模式与 BM25 检索实操【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill导读本文围绕 ui-ux-pro-max-skill 开源项目中的幻灯片文案知识库 slides-copywriting-formulas.md 展开系统讲解项目内置的 25 个说服力文案公式从 PAS、AIDA、FAB 等核心公式的结构与模板到公式—幻灯片类型—情绪的映射关系、三类标题撰写模式再到基于 BM25 算法的命令行检索工具的使用与底层原理。读完本文你将掌握为 Problem、Solution、CTA 等任意幻灯片类型快速挑选匹配文案公式的完整实战方法并能直接运行项目中的search-slides.py完成情绪匹配检索与上下文感知推荐。一、项目中的文案公式知识库定位在 ui-ux-pro-max-skill 项目中幻灯片Slides是内置设计能力之一。项目的设计技能入口 design/SKILL.md 将其描述为Strategic HTML presentations with Chart.js, design tokens, copywriting formulas并建立了包含创建指南、布局模式、HTML 模板、文案公式、策略五份参考文档的知识库主题文件创建指南slides-create.md布局模式slides-layout-patterns.mdHTML 模板slides-html-template.md文案公式slides-copywriting-formulas.md策略slides-strategies.md文案公式文档是整个幻灯片文案体系的速查手册其内容与 design-system/data/slide-copy.csv 这一结构化数据表一一对应。从源码结构看CSV 是检索引擎的数据源而 Markdown 文档则是面向人工阅读的浓缩版两者共同构成人可读、机可查的双轨知识库。在 cli/assets/skills/slides/references/copywriting-formulas.md 中还存在一份内容相同的副本供独立的 slides 子技能使用。二、25 个文案公式全景slide-copy.csv收录了 25 个经过编排的文案公式每个公式包含 8 个字段id、formula_name、keywords、components、use_case、example_template、emotion_trigger、slide_type、source。完整清单如下公式适用幻灯片类型情绪触发出处AIDACTA 幻灯片好奇→参与→渴望→紧迫经典文案1898PASProblem 幻灯片挫败→恐惧→释然Dan Kennedy4PsPromise-Picture-Proof-PushSolution 幻灯片希望→愿景→信任→行动Ray EdwardsBefore-After-Bridge前后对比/案例痛苦→愉悦→路径文案经典QUEST教育型幻灯片认同→共情→学习→兴奋Michel FortinStar-Story-Solution案例研究连接→共情→希望CopyHackersFeature-Advantage-BenefitFAB功能幻灯片好奇→理解→渴望销售培训经典What If标题/问题幻灯片惊叹→可能性标题公式How To教育型幻灯片好奇→赋能标题公式Number List功能汇总好奇→完整感内容营销Question Hook开场幻灯片认同→好奇修辞技巧Proof Stack牵引力/证据信任→验证社会认同理论Future PacingSolution/CTA渴望→欲望NLP 技巧Social Proof客户证言信任→FOMORobert CialdiniScarcity UrgencyCTA 收尾损失恐惧→行动Cialdini 影响力Cost of Inaction问题/煽动损失厌恶→紧迫损失厌恶心理学Simple Benefit任意幻灯片清晰→渴望直接反应文案Objection PreemptFAQ/异议疑虑→化解销售训练Comparison Frame对比幻灯片评估→偏好定位策略Pain-Claim-GainProblem/Solution挫败→希望→兴奋文案框架One Thing核心信息聚焦→清晰Gary Keller 概念Riddle Open开场幻灯片神秘→洞察讲故事技巧Hero Journey整副 Deck认同→张力→凯旋Joseph CampbellValue Stack定价/报价价值感知信息产品营销Power Statement核心信息自信→信任思想领导力这份数据表是后续检索工具的核心数据契约formula_name与keywords列构成了 BM25 检索引擎的索引字段详见第八节。三、五大核心公式详解文档着重展开讲解了五个最常用的核心公式每个公式都明确了使用场景Use、组成环节Components与可填空模板Template。3.1 PASProblem-Agitate-Solution问题—煽动—解决使用场景Problem 幻灯片、痛点陈述组成环节Problem问题→ Agitate煽动放大→ Solution解决方案可填空模板[Pain point]? Every [time frame], [consequence]. [Solution] fixes this.即你在为 [痛点] 困扰吗每过 [时间段]就会造成 [后果]。而 [方案] 可以解决这个问题。其情绪路径是挫败→恐惧→释然Frustration→Fear→Relief在slide-copy.csv中被标注为最可靠most reliable的问题页公式。项目幻灯片生成器 generate-slide.py 中的generate_problem_slide函数正是按此公式设计先呈现Marketing teams are drowning式的大标题再用三张卡片分别承载三个 Pain Point最后在页脚落回公司信息——完整复刻了问题→煽动→方案的叙事节奏。3.2 AIDAAttention-Interest-Desire-Action注意—兴趣—欲望—行动使用场景CTA 页、收尾页组成环节Attention吸引注意→ Interest激发兴趣→ Desire唤起欲望→ Action促成行动可填空模板[Bold statement]. [Benefit detail]. [Social proof]. [CTA].即一句大胆宣言。一个利益细节。一条社会证明。一个行动号召。其情绪路径为好奇→参与→渴望→紧迫Curiosity→Engagement→Want→Urgency是 1898 年就存在的经典销售文案结构在slide-copy.csv中被明确标记用于 Lead-gen CTA 和通用说服场景。3.3 FABFeatures-Advantages-Benefits功能—优势—利益使用场景功能页、产品展示组成环节Feature功能→ Advantage优势→ Benefit利益可填空模板[Feature] lets you [advantage], so you can [benefit].即[功能] 让你能够 [做到某事]从而使你 [获得利益]。情绪路径为好奇→理解→渴望Curiosity→Understanding→Desire。与 AIDA、PAS 不同FAB 天然适合功能说明类页面其对应的slide_type为 Feature slides。3.4 Cost of Inaction不作为的代价使用场景煽动页、制造紧迫感组成环节Status Quo现状→ Loss损失→ Time Decay随时间衰减可填空模板Without [solution], youre losing [amount] every [timeframe].即如果没有 [方案]你每 [时间段] 都在损失 [量化金额]。情绪触发为损失厌恶→紧迫Loss aversion→Urgency属于损失厌恶心理学的典型应用。slide-copy.csv中该公式的完整模板给出了更强的量化表达Every [timeframe] without [solution] costs you [quantified loss]. Thats [larger number] per year.每 [时间段] 缺少 [方案] 令你损失 [量化金额]一年累计达 [更大数字]。3.5 Before-After-Bridge前后对比—桥梁使用场景转型故事、案例研究组成环节Before之前→ After之后→ Bridge桥梁可填空模板[Pain point before]. [Desired state after]. [Your solution] is the bridge.即[转型前的痛点]。[期望达成的状态]。[你的方案] 就是那座桥梁。情绪路径为痛苦→愉悦→路径Pain→Pleasure→Path是文案写作中的经典结构适合展示客户从旧状态到新状态的转变过程。四、公式—幻灯片类型—情绪映射文档给出了一张该在哪种幻灯片上用哪个公式的映射表这张表同时揭示了文案公式与叙事情绪Emotion之间的对应关系幻灯片类型首选公式情绪标题/钩子Title/HookAIDA、Hook好奇curiosity问题ProblemPAS、Agitate挫败frustration成本/风险Cost/RiskCost of Inaction恐惧fear解决方案SolutionFAB、BAB希望hope功能FeaturesFAB信心confidence牵引力TractionProof Stack信任trust社会证明Social ProofTestimonial信任trust定价PricingValue Stack信心confidenceCTAAIDA、Urgency紧迫urgency情绪是贯穿整条链路的纽带在 slide-layout-logic.csv 中每种幻灯片目标goal同样绑定了一个情绪emotion例如problem→frustration→card-grid、cta→urgency→gradient-cta、agitation→fear→full-bleed-stat。也就是说当你选定文案公式时其情绪已被确定进而可以继续推导布局模式、排版规格乃至配色方案——这正是项目上下文感知设计系统Contextual Search的立足点详见第八节。五、标题Headline撰写模式除了完整公式文档还提供了三类可直接套用的标题句式模板。5.1 力量词模式Power WordsStop [bad thing]—— 停止某个坏事物Get [desired result] in [timeframe]—— 在限定时间内获得期望结果The [adjective] way to [action]—— 达成某事的某种方式Why [audience] choose [product]—— 为什么某类受众选择某产品[Number] ways to [achieve goal]—— 达成目标的 N 种方法对应 Number List 公式5.2 对比模式Contrast Patterns[Old way] is dead. Meet [new way].—— 旧方式已死认识新方式Dont [bad action]. Instead, [good action].—— 不要做某事而是做某事From [pain point] to [benefit].—— 从痛点走向收益5.3 社会证明模式Social Proof Patterns[Number] [users/companies] trust [product]—— 量化背书Join [notable company] and [notable company]—— 借势知名企业As seen in [publication]—— 媒体曝光背书六、快速参考按需求选公式当面临具体写作需求时可对照下面的速查表来自文档的 Quick Reference 部分需求选用公式制造紧迫感Create urgencyCost of Inaction、Scarcity建立信任Build trustSocial Proof、Testimonial展示价值Show valueFAB、Value Stack驱动行动Drive actionAIDA、CTA讲述故事Tell storyBAB、Story Arc呈现数据Present dataProof Stack七、命令行检索实操search-slides.py的完整用法文档给出的检索命令基于项目内的 search-slides.py考虑到各 Agent 环境的挂载位置不同实际执行时请以仓库内的真实路径为准# 按幻灯片类型查找公式copy 域 python cli/assets/skills/design-system/scripts/search-slides.py problem agitation -d copy # 获取情绪匹配的公式 python cli/assets/skills/design-system/scripts/search-slides.py urgency cta -d copy该 CLI 的能力远不止于此从 search-slides.py 的参数定义看它支持四个检索域与多种输出模式参数含义默认值query检索关键词位置参数必填-d, --domain检索域strategy/layout/copy/chart自动检测-n, --max-results最大返回条数3--all跨全部域检索关闭--json输出 JSON 格式关闭--context上下文感知检索含布局/排版/配色建议关闭--position当前幻灯片在 Deck 中的位置1 起1--totalDeck 总页数9--prev-emotion上一页的情绪用于对比计算无更实用的场景是上下文感知检索例如在 9 页 Deck 的最后一页写 CTA、且前一页情绪为 frustration 时python cli/assets/skills/design-system/scripts/search-slides.py cta --context --position 9 --total 9 --prev-emotion frustration输出将包含推断目标Inferred Goal、推荐布局Layout、排版规格Typography、配色方案Color Treatment、是否打破视觉模式Pattern Break、是否使用全出血背景Full Bleed以及动画类名Animation同时附带 copy 域的基础检索结果。八、源码级原理BM25 检索与数据契约search-slides.py的检索逻辑全部落在 slide_search_core.py 中核心机制值得深入理解。8.1 copy 域的数据契约在slide_search_core.py的CSV_CONFIG中copy 域被配置为数据文件slide-copy.csv检索列search_colsformula_name、keywords、use_case、emotion_trigger、slide_type输出列output_colsformula_name、keywords、components、use_case、example_template、emotion_trigger、slide_type、source即检索时把每个公式的 5 个字段拼接成一份文档输出时则返回 8 个字段的完整信息——这就是为什么文档中的公式模板example_template、情绪emotion_trigger、出处source都能被命令检索到并完整展示。8.2 BM25 排序算法slide_search_core.py内置了一个自实现的 BM25 排序器slide_search_core.py关键参数与行为默认超参数k11.5、b0.75是 BM25 的经典配置tokenize将文本小写化、剔除标点并过滤长度小于等于 2 的短词如a、to因此problem agitation、urgency cta这类查询会被正确分词评分采用标准的 BM25 公式idf * tf * (k11) / (tf k1*(1 - b b*doc_len/avgdl))IDF 使用平滑版本log((N - f 0.5)/(f 0.5) 1)结果按得分降序返回且只保留score 0的条目。8.3 域自动检测若不带-d参数detect_domain会根据关键词命中数自动判断检索域例如查询中含headline、copy、formula、aida、pas、hook、cta、benefit、objection、proof、testimonial、urgency、scarcity等词时归入 copy 域含chart、graph、bar、metrics、kpi等词时归入 chart 域无法命中任何域时回退到strategy。8.4 上下文感知增强search_with_context是比普通检索更进一步的整体决策系统它先执行全域 BM25 检索再根据查询词推断幻灯片目标如含cta或call to action则推断为 cta随后联动查询slide-layout-logic.csv —— 布局模式与视觉权重slide-typography.csv —— 字号、字重对比、行高例如cta-action的主标题为 64px、字重对比 700-500slide-color-logic.csv —— 按情绪映射的背景/文字/强调色slide-backgrounds.csv —— 背景图类别与遮罩样式。同时calculate_pattern_break与should_use_full_bleed两个函数会基于1/3 与 2/3 位置打破视觉模式Duarte Sparkline 技巧以及高情绪节拍才使用全出血背景的规则给出叙事节奏建议。换言之你只需描述要写什么问题页/CTA 页系统就能连带给出文案公式、版式、排版、配色与动效的一揽子建议。8.5 与 HTML 幻灯片生成的衔接文案公式最终会落地为 HTML 幻灯片。generate-slide.py 提供了一组与公式一一对应的生成器generate_problem_slidePAS 三痛点卡片、generate_solution_slideFAB 功能清单、generate_metrics_slideProof Stack 大数字、generate_testimonial_slideSocial Proof 引言块、generate_cta_slideAIDA 收尾 CTA并通过SLIDE_GENERATORS字典按type分发。所有样式强制引用设计令牌design-tokens.css 中的 CSS 变量不允许硬编码颜色、字体与间距从而保证整副 Deck 的品牌一致性。九、实战组合拳从文案公式到完整幻灯片结合以上全部机制一条完整的实战路径可以归纳为定位诉求对照公式—幻灯片类型—情绪映射表或快速参考表确定当前页的目标如制造紧迫感→ Cost of Inaction / Scarcity检索公式运行search-slides.py urgency cta -d copy获取公式结构、模板与情绪若想获得布局/排版/配色联动建议追加--context --position N --total M --prev-emotion X套用模板按返回的example_template填空如Without [solution], youre losing [amount] every [timeframe].生成页面使用 generate-slide.py 的对应生成器--demo可先预览全类型 Demo Deck所有视觉属性交由设计令牌统一管控验证令牌合规通过 html-token-validator.py--type slides校验生成的 HTML 未出现硬编码样式。至此从一句文案到一页符合品牌规范、情绪节奏与版式规律的幻灯片整个链路都可以借助 ui-ux-pro-max-skill 项目内置的知识库与脚本完成。这也正是文案公式文档在设计系统中的真正价值它不仅是 25 个句式的清单更是驱动文案→情绪→布局→排版→配色→动效全链路决策的起点。【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 ui-ux-pro-max-skill 幻灯片说服力文案公式指南：25 个公式、标题模式与 BM25 检索实操
ui-ux-pro-max-skill 幻灯片说服力文案公式指南25 个公式、标题模式与 BM25 检索实操【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill导读本文围绕 ui-ux-pro-max-skill 开源项目中的幻灯片文案知识库 slides-copywriting-formulas.md 展开系统讲解项目内置的 25 个说服力文案公式从 PAS、AIDA、FAB 等核心公式的结构与模板到公式—幻灯片类型—情绪的映射关系、三类标题撰写模式再到基于 BM25 算法的命令行检索工具的使用与底层原理。读完本文你将掌握为 Problem、Solution、CTA 等任意幻灯片类型快速挑选匹配文案公式的完整实战方法并能直接运行项目中的search-slides.py完成情绪匹配检索与上下文感知推荐。一、项目中的文案公式知识库定位在 ui-ux-pro-max-skill 项目中幻灯片Slides是内置设计能力之一。项目的设计技能入口 design/SKILL.md 将其描述为Strategic HTML presentations with Chart.js, design tokens, copywriting formulas并建立了包含创建指南、布局模式、HTML 模板、文案公式、策略五份参考文档的知识库主题文件创建指南slides-create.md布局模式slides-layout-patterns.mdHTML 模板slides-html-template.md文案公式slides-copywriting-formulas.md策略slides-strategies.md文案公式文档是整个幻灯片文案体系的速查手册其内容与 design-system/data/slide-copy.csv 这一结构化数据表一一对应。从源码结构看CSV 是检索引擎的数据源而 Markdown 文档则是面向人工阅读的浓缩版两者共同构成人可读、机可查的双轨知识库。在 cli/assets/skills/slides/references/copywriting-formulas.md 中还存在一份内容相同的副本供独立的 slides 子技能使用。二、25 个文案公式全景slide-copy.csv收录了 25 个经过编排的文案公式每个公式包含 8 个字段id、formula_name、keywords、components、use_case、example_template、emotion_trigger、slide_type、source。完整清单如下公式适用幻灯片类型情绪触发出处AIDACTA 幻灯片好奇→参与→渴望→紧迫经典文案1898PASProblem 幻灯片挫败→恐惧→释然Dan Kennedy4PsPromise-Picture-Proof-PushSolution 幻灯片希望→愿景→信任→行动Ray EdwardsBefore-After-Bridge前后对比/案例痛苦→愉悦→路径文案经典QUEST教育型幻灯片认同→共情→学习→兴奋Michel FortinStar-Story-Solution案例研究连接→共情→希望CopyHackersFeature-Advantage-BenefitFAB功能幻灯片好奇→理解→渴望销售培训经典What If标题/问题幻灯片惊叹→可能性标题公式How To教育型幻灯片好奇→赋能标题公式Number List功能汇总好奇→完整感内容营销Question Hook开场幻灯片认同→好奇修辞技巧Proof Stack牵引力/证据信任→验证社会认同理论Future PacingSolution/CTA渴望→欲望NLP 技巧Social Proof客户证言信任→FOMORobert CialdiniScarcity UrgencyCTA 收尾损失恐惧→行动Cialdini 影响力Cost of Inaction问题/煽动损失厌恶→紧迫损失厌恶心理学Simple Benefit任意幻灯片清晰→渴望直接反应文案Objection PreemptFAQ/异议疑虑→化解销售训练Comparison Frame对比幻灯片评估→偏好定位策略Pain-Claim-GainProblem/Solution挫败→希望→兴奋文案框架One Thing核心信息聚焦→清晰Gary Keller 概念Riddle Open开场幻灯片神秘→洞察讲故事技巧Hero Journey整副 Deck认同→张力→凯旋Joseph CampbellValue Stack定价/报价价值感知信息产品营销Power Statement核心信息自信→信任思想领导力这份数据表是后续检索工具的核心数据契约formula_name与keywords列构成了 BM25 检索引擎的索引字段详见第八节。三、五大核心公式详解文档着重展开讲解了五个最常用的核心公式每个公式都明确了使用场景Use、组成环节Components与可填空模板Template。3.1 PASProblem-Agitate-Solution问题—煽动—解决使用场景Problem 幻灯片、痛点陈述组成环节Problem问题→ Agitate煽动放大→ Solution解决方案可填空模板[Pain point]? Every [time frame], [consequence]. [Solution] fixes this.即你在为 [痛点] 困扰吗每过 [时间段]就会造成 [后果]。而 [方案] 可以解决这个问题。其情绪路径是挫败→恐惧→释然Frustration→Fear→Relief在slide-copy.csv中被标注为最可靠most reliable的问题页公式。项目幻灯片生成器 generate-slide.py 中的generate_problem_slide函数正是按此公式设计先呈现Marketing teams are drowning式的大标题再用三张卡片分别承载三个 Pain Point最后在页脚落回公司信息——完整复刻了问题→煽动→方案的叙事节奏。3.2 AIDAAttention-Interest-Desire-Action注意—兴趣—欲望—行动使用场景CTA 页、收尾页组成环节Attention吸引注意→ Interest激发兴趣→ Desire唤起欲望→ Action促成行动可填空模板[Bold statement]. [Benefit detail]. [Social proof]. [CTA].即一句大胆宣言。一个利益细节。一条社会证明。一个行动号召。其情绪路径为好奇→参与→渴望→紧迫Curiosity→Engagement→Want→Urgency是 1898 年就存在的经典销售文案结构在slide-copy.csv中被明确标记用于 Lead-gen CTA 和通用说服场景。3.3 FABFeatures-Advantages-Benefits功能—优势—利益使用场景功能页、产品展示组成环节Feature功能→ Advantage优势→ Benefit利益可填空模板[Feature] lets you [advantage], so you can [benefit].即[功能] 让你能够 [做到某事]从而使你 [获得利益]。情绪路径为好奇→理解→渴望Curiosity→Understanding→Desire。与 AIDA、PAS 不同FAB 天然适合功能说明类页面其对应的slide_type为 Feature slides。3.4 Cost of Inaction不作为的代价使用场景煽动页、制造紧迫感组成环节Status Quo现状→ Loss损失→ Time Decay随时间衰减可填空模板Without [solution], youre losing [amount] every [timeframe].即如果没有 [方案]你每 [时间段] 都在损失 [量化金额]。情绪触发为损失厌恶→紧迫Loss aversion→Urgency属于损失厌恶心理学的典型应用。slide-copy.csv中该公式的完整模板给出了更强的量化表达Every [timeframe] without [solution] costs you [quantified loss]. Thats [larger number] per year.每 [时间段] 缺少 [方案] 令你损失 [量化金额]一年累计达 [更大数字]。3.5 Before-After-Bridge前后对比—桥梁使用场景转型故事、案例研究组成环节Before之前→ After之后→ Bridge桥梁可填空模板[Pain point before]. [Desired state after]. [Your solution] is the bridge.即[转型前的痛点]。[期望达成的状态]。[你的方案] 就是那座桥梁。情绪路径为痛苦→愉悦→路径Pain→Pleasure→Path是文案写作中的经典结构适合展示客户从旧状态到新状态的转变过程。四、公式—幻灯片类型—情绪映射文档给出了一张该在哪种幻灯片上用哪个公式的映射表这张表同时揭示了文案公式与叙事情绪Emotion之间的对应关系幻灯片类型首选公式情绪标题/钩子Title/HookAIDA、Hook好奇curiosity问题ProblemPAS、Agitate挫败frustration成本/风险Cost/RiskCost of Inaction恐惧fear解决方案SolutionFAB、BAB希望hope功能FeaturesFAB信心confidence牵引力TractionProof Stack信任trust社会证明Social ProofTestimonial信任trust定价PricingValue Stack信心confidenceCTAAIDA、Urgency紧迫urgency情绪是贯穿整条链路的纽带在 slide-layout-logic.csv 中每种幻灯片目标goal同样绑定了一个情绪emotion例如problem→frustration→card-grid、cta→urgency→gradient-cta、agitation→fear→full-bleed-stat。也就是说当你选定文案公式时其情绪已被确定进而可以继续推导布局模式、排版规格乃至配色方案——这正是项目上下文感知设计系统Contextual Search的立足点详见第八节。五、标题Headline撰写模式除了完整公式文档还提供了三类可直接套用的标题句式模板。5.1 力量词模式Power WordsStop [bad thing]—— 停止某个坏事物Get [desired result] in [timeframe]—— 在限定时间内获得期望结果The [adjective] way to [action]—— 达成某事的某种方式Why [audience] choose [product]—— 为什么某类受众选择某产品[Number] ways to [achieve goal]—— 达成目标的 N 种方法对应 Number List 公式5.2 对比模式Contrast Patterns[Old way] is dead. Meet [new way].—— 旧方式已死认识新方式Dont [bad action]. Instead, [good action].—— 不要做某事而是做某事From [pain point] to [benefit].—— 从痛点走向收益5.3 社会证明模式Social Proof Patterns[Number] [users/companies] trust [product]—— 量化背书Join [notable company] and [notable company]—— 借势知名企业As seen in [publication]—— 媒体曝光背书六、快速参考按需求选公式当面临具体写作需求时可对照下面的速查表来自文档的 Quick Reference 部分需求选用公式制造紧迫感Create urgencyCost of Inaction、Scarcity建立信任Build trustSocial Proof、Testimonial展示价值Show valueFAB、Value Stack驱动行动Drive actionAIDA、CTA讲述故事Tell storyBAB、Story Arc呈现数据Present dataProof Stack七、命令行检索实操search-slides.py的完整用法文档给出的检索命令基于项目内的 search-slides.py考虑到各 Agent 环境的挂载位置不同实际执行时请以仓库内的真实路径为准# 按幻灯片类型查找公式copy 域 python cli/assets/skills/design-system/scripts/search-slides.py problem agitation -d copy # 获取情绪匹配的公式 python cli/assets/skills/design-system/scripts/search-slides.py urgency cta -d copy该 CLI 的能力远不止于此从 search-slides.py 的参数定义看它支持四个检索域与多种输出模式参数含义默认值query检索关键词位置参数必填-d, --domain检索域strategy/layout/copy/chart自动检测-n, --max-results最大返回条数3--all跨全部域检索关闭--json输出 JSON 格式关闭--context上下文感知检索含布局/排版/配色建议关闭--position当前幻灯片在 Deck 中的位置1 起1--totalDeck 总页数9--prev-emotion上一页的情绪用于对比计算无更实用的场景是上下文感知检索例如在 9 页 Deck 的最后一页写 CTA、且前一页情绪为 frustration 时python cli/assets/skills/design-system/scripts/search-slides.py cta --context --position 9 --total 9 --prev-emotion frustration输出将包含推断目标Inferred Goal、推荐布局Layout、排版规格Typography、配色方案Color Treatment、是否打破视觉模式Pattern Break、是否使用全出血背景Full Bleed以及动画类名Animation同时附带 copy 域的基础检索结果。八、源码级原理BM25 检索与数据契约search-slides.py的检索逻辑全部落在 slide_search_core.py 中核心机制值得深入理解。8.1 copy 域的数据契约在slide_search_core.py的CSV_CONFIG中copy 域被配置为数据文件slide-copy.csv检索列search_colsformula_name、keywords、use_case、emotion_trigger、slide_type输出列output_colsformula_name、keywords、components、use_case、example_template、emotion_trigger、slide_type、source即检索时把每个公式的 5 个字段拼接成一份文档输出时则返回 8 个字段的完整信息——这就是为什么文档中的公式模板example_template、情绪emotion_trigger、出处source都能被命令检索到并完整展示。8.2 BM25 排序算法slide_search_core.py内置了一个自实现的 BM25 排序器slide_search_core.py关键参数与行为默认超参数k11.5、b0.75是 BM25 的经典配置tokenize将文本小写化、剔除标点并过滤长度小于等于 2 的短词如a、to因此problem agitation、urgency cta这类查询会被正确分词评分采用标准的 BM25 公式idf * tf * (k11) / (tf k1*(1 - b b*doc_len/avgdl))IDF 使用平滑版本log((N - f 0.5)/(f 0.5) 1)结果按得分降序返回且只保留score 0的条目。8.3 域自动检测若不带-d参数detect_domain会根据关键词命中数自动判断检索域例如查询中含headline、copy、formula、aida、pas、hook、cta、benefit、objection、proof、testimonial、urgency、scarcity等词时归入 copy 域含chart、graph、bar、metrics、kpi等词时归入 chart 域无法命中任何域时回退到strategy。8.4 上下文感知增强search_with_context是比普通检索更进一步的整体决策系统它先执行全域 BM25 检索再根据查询词推断幻灯片目标如含cta或call to action则推断为 cta随后联动查询slide-layout-logic.csv —— 布局模式与视觉权重slide-typography.csv —— 字号、字重对比、行高例如cta-action的主标题为 64px、字重对比 700-500slide-color-logic.csv —— 按情绪映射的背景/文字/强调色slide-backgrounds.csv —— 背景图类别与遮罩样式。同时calculate_pattern_break与should_use_full_bleed两个函数会基于1/3 与 2/3 位置打破视觉模式Duarte Sparkline 技巧以及高情绪节拍才使用全出血背景的规则给出叙事节奏建议。换言之你只需描述要写什么问题页/CTA 页系统就能连带给出文案公式、版式、排版、配色与动效的一揽子建议。8.5 与 HTML 幻灯片生成的衔接文案公式最终会落地为 HTML 幻灯片。generate-slide.py 提供了一组与公式一一对应的生成器generate_problem_slidePAS 三痛点卡片、generate_solution_slideFAB 功能清单、generate_metrics_slideProof Stack 大数字、generate_testimonial_slideSocial Proof 引言块、generate_cta_slideAIDA 收尾 CTA并通过SLIDE_GENERATORS字典按type分发。所有样式强制引用设计令牌design-tokens.css 中的 CSS 变量不允许硬编码颜色、字体与间距从而保证整副 Deck 的品牌一致性。九、实战组合拳从文案公式到完整幻灯片结合以上全部机制一条完整的实战路径可以归纳为定位诉求对照公式—幻灯片类型—情绪映射表或快速参考表确定当前页的目标如制造紧迫感→ Cost of Inaction / Scarcity检索公式运行search-slides.py urgency cta -d copy获取公式结构、模板与情绪若想获得布局/排版/配色联动建议追加--context --position N --total M --prev-emotion X套用模板按返回的example_template填空如Without [solution], youre losing [amount] every [timeframe].生成页面使用 generate-slide.py 的对应生成器--demo可先预览全类型 Demo Deck所有视觉属性交由设计令牌统一管控验证令牌合规通过 html-token-validator.py--type slides校验生成的 HTML 未出现硬编码样式。至此从一句文案到一页符合品牌规范、情绪节奏与版式规律的幻灯片整个链路都可以借助 ui-ux-pro-max-skill 项目内置的知识库与脚本完成。这也正是文案公式文档在设计系统中的真正价值它不仅是 25 个句式的清单更是驱动文案→情绪→布局→排版→配色→动效全链路决策的起点。【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考