elegant-one-pager-architect

当用户要求整理沟通记录、会议纪要,或需要生成“一页纸汇报”、“高管总结”、“排版卡片”、“导出PDF/图片”时触发。 该技能将杂乱文本清洗为客观结论,并直接渲染为具备现代感、色彩丰富、使用渐变色区分板块且视觉舒适的HTML瀑布流代码。

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "elegant-one-pager-architect" with this command: npx skills add sample-one-page

核心动作

按照以下3个步骤处理用户的输入内容。直接输出最终的HTML代码,禁止输出任何解释性或过渡性文本

Step 1: 事实抽取 (Information Extraction)

从输入文本中提取以下5类信息。若某类信息完全缺失,直接跳过,严禁自行编造或使用空白占位符

  1. 核心主题与涉及方(干系人、系统)
  2. 最终定论/当前确切状态
  3. 核心推导逻辑/技术过程
  4. 量化数据/指标
  5. 进度节点/风险/下一步动作

Step 2: 语言清洗 (Language Sanitization)

  • 去口语化:将聊天记录转换为书面业务语言,保持客观、折中的语气。
  • 高信噪比:精准提炼,去除废话。

Step 3: 动态渲染 (Dynamic Rendering)

将抽取并清洗后的内容代入下方的 HTML 模板中。

DOM 删减规则:

  • 如果 [核心数据] 与 [进度节点] 同时缺失,彻底删除包含这两个模块的外部 <div style="display: flex;"> 容器。
  • 如果仅缺失其中一个,删除缺失项对应的子 <div>,并保持保留项的 flex: 1 属性以占满整行。

HTML 输出模板(现代色彩渐变版):

<div style="background: linear-gradient(145deg, #F8FAFC 0%, #FFFFFF 100%); padding: 40px; border-radius: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #334155; max-width: 850px; margin: 20px auto; box-shadow: 0 10px 40px rgba(0,0,0,0.06); border: 1px solid rgba(255,255,255,0.8); overflow: hidden;">

  <div style="background: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #A78BFA 100%); padding: 20px 25px; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 4px 20px rgba(99,102,241,0.25);">
    <h1 style="font-size: 26px; margin: 0 0 8px 0; color: #FFFFFF; font-weight: 600; letter-spacing: -0.3px;">[提取的核心主题]</h1>
    <p style="font-size: 14px; color: rgba(255,255,255,0.85); margin: 0; font-weight: 400;"><strong>相关方:</strong>[提取的干系人/系统] | <strong>时间:</strong>[当前日期或事件日期]</p>
  </div>

  <div style="background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%); border-left: 4px solid #0EA5E9; padding: 18px 25px; border-radius: 8px; margin-bottom: 25px; box-shadow: 0 2px 12px rgba(14,165,233,0.08);">
    <h2 style="font-size: 17px; margin: 0 0 12px 0; color: #0369A1; display: flex; align-items: center;">
      <span style="margin-right: 8px;">📍</span>核心结论 / Executive Summary
    </h2>
    <p style="font-size: 15px; line-height: 1.7; margin: 0; color: #475569; font-weight: 500;">[用 2-3 句话客观总结沟通的最终定论或当前状态]</p>
  </div>

  <div style="display: flex; gap: 20px; margin-bottom: 25px;">
    <div style="flex: 1; background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%); padding: 20px; border-radius: 10px; border: 1px solid rgba(16,185,129,0.15); box-shadow: 0 2px 12px rgba(16,185,129,0.06);">
      <h3 style="font-size: 15px; margin: 0 0 15px 0; color: #047857; border-bottom: 1px solid rgba(16,185,129,0.2); padding-bottom: 8px; display: flex; align-items: center;">
        <span style="margin-right: 8px;">📊</span>核心数据/量化指标
      </h3>
      <ul style="font-size: 14px; margin: 0; padding-left: 18px; color: #475569; line-height: 1.8;">
        <li>[量化点 1]</li>
        </ul>
    </div>
    <div style="flex: 1; background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%); padding: 20px; border-radius: 10px; border: 1px solid rgba(245,158,11,0.15); box-shadow: 0 2px 12px rgba(245,158,11,0.06);">
      <h3 style="font-size: 15px; margin: 0 0 15px 0; color: #B45309; border-bottom: 1px solid rgba(245,158,11,0.2); padding-bottom: 8px; display: flex; align-items: center;">
        <span style="margin-right: 8px;">⏱️</span>进度节点
      </h3>
      <ul style="font-size: 14px; margin: 0; padding-left: 18px; color: #475569; line-height: 1.8;">
        <li>[节点 1及状态]</li>
        </ul>
    </div>
  </div>

  <div style="background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%); padding: 25px; border-radius: 10px; margin-bottom: 25px; border: 1px solid rgba(203,213,225,0.3); box-shadow: 0 2px 12px rgba(0,0,0,0.02);">
    <h2 style="font-size: 17px; margin: 0 0 18px 0; color: #475569; display: flex; align-items: center;">
      <span style="margin-right: 8px;">🧠</span>核心推导逻辑与过程
    </h2>
    <div style="font-size: 14px; line-height: 1.8; color: #64748B;">
      [使用无序列表或带序号的列表,客观描述决策过程、技术方案或业务链路]
    </div>
  </div>

  <div style="background: linear-gradient(135deg, #FEFCE8 0%, #FEF9C3 100%); padding: 20px 25px; border-radius: 10px; border: 1px solid rgba(234,179,8,0.15); box-shadow: 0 2px 12px rgba(234,179,8,0.06);">
    <h2 style="font-size: 17px; margin: 0 0 15px 0; color: #A16207; display: flex; align-items: center;">
      <span style="margin-right: 8px;">🎯</span>下一步动作 / 风险关注点
    </h2>
    <ul style="font-size: 14px; margin: 0; padding-left: 18px; line-height: 1.8; color: #57534E;">
      <li><strong>[动作/风险1]:</strong>[具体描述与责任边界]</li>
      </ul>
  </div>

</div>

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

Huo15 Openclaw Enhance

火一五·克劳德·龙虾增强插件 v5.7.8 — 全面适配 openclaw 2026.4.24:peerDep ^4.24 + build/compat 同步到 4.24 + 14 处 api.on 全部去掉 as any 改成 typed hook(hookName 联合类型 + handler 自动推断 Pl...

Registry SourceRecently Updated
General

Content Trend Analyzer

Aggregates and analyzes content trends across platforms to identify hot topics, user intent, content gaps, and generates data-driven article outlines.

Registry SourceRecently Updated
General

Prompt Debugger

Debug prompts that produce unexpected AI outputs — diagnose failure modes, identify ambiguity and conflicting instructions, test variations, compare model re...

Registry SourceRecently Updated
General

Indie Maker News

独行者 Daily - 变现雷达。读对一条新闻,少走一年弯路。每天5分钟,给创业者装上商业雷达。聚焦一人公司、副业、创业变现资讯,智能分类,行动导向。用户下载即能用,无需本地部署!

Registry SourceRecently Updated