界面设计

适用人群

适合：要做官网、活动页或后台界面方案的人、要整理页面风格、组件样式和视觉方向的产品或设计人员、要先产出一版界面草案再交给设计师或前端落地的人。

技能介绍

这个技能主要用于前端界面设计、页面风格整理和组件方案输出，适合在做网页、后台或产品界面时先形成第一版方向。

— name: paper-reader description: 当用户需要处理PDF论文文件时使用此skill：提取PDF论文的文字内容；对论文进行结构化解析（提取基础信息、实验设计、核心结果、结论等）；将论文转换为Markdown格式的结构化报告；批量处理论文文件。功能：提取PDF文本并生成包含基本信息、实验设计、核心结果、结论的Markdown报告，完成后删除临时文件仅保留报告。 —。

业务背景和落地案例

当团队需要界面设计时，可以先用界面设计完成第一轮处理。常见做法是把相关文件、网址、素材或配置交给它，先产出初版结果，再由人工确认和继续推进。

能做什么

• 提取PDF论文的完整文本内容。
• 按照标准化格式对论文进行结构化解析。
• 生成包含基本信息、实验设计、核心结果、结论与创新点的Markdown报告。
• 清理临时文件，仅保留最终报告。

安装方法

方式 1：对 OpenClaw 说（不用写代码）

适合：OpenClaw、Codex、Kimiclaw、Windsurf、Trae、华为 CodeArts。

直接对 OpenClaw 说：

帮我安装一个叫 界面设计 的 Skill。
如果安装时需要精确名字，就用 scientific-agent-skills-paper-reader。
装好以后，先用它帮我处理一遍当前任务。

如果需要手动安装，可以用这条命令：

clawhub install scientific-agent-skills-paper-reader

方式 2：导入 MD 安装

适合：腾讯Workbuddy、百度Duclaw、字节Arkclaw、智谱Autoclaw、科大讯飞Astronclaw。

1. 找到这条 Skill 自带的 Markdown 文件，通常就是它的 SKILL.md 或同名 .md 文件。
2. 把这个 Markdown 文件导入到你的产品里。
3. 导入完成后，直接对 AI 说：

用刚刚导入的界面设计，先帮我处理当前任务。

备注：这一种本质上是导入一个 Markdown 文件，给知道安装包里有 .md 文件的人即可。

方式 3：代码安装

适合：Claude Code、Cursor、通义灵码、文心快码。

这条 Skill 没有整理出稳定的命令行安装写法，建议优先用方式 1 或方式 2。

使用步骤

1. 先选上面 3 种方式里，自己最容易完成的一种。
2. 安装完成后，直接对 OpenClaw 说：“用界面设计帮我处理当前任务。” 先让它自己跑一遍就可以。
3. 如果你已经有明确文件、网址、目录或数据，再把它补给 OpenClaw，让它只处理这一部分。
4. 先看第一轮结果，再决定要不要追加条件、缩小范围或继续执行下一步。
5. 如果这条 Skill 确实好用，就把它保留在常用列表，后面重复任务直接复用。

你需要准备什么

• 与你当前任务相关的文件、网址、目录或数据。
• 页面类型、业务目标或改版需求。
• 品牌风格、参考站点或截图。
• 需要重点处理的页面、组件或设计约束。

你会看到什么结果

• 页面风格建议或设计方向。
• 组件和布局层面的可执行建议。
• 便于继续落地的界面方案。

风险提示

• 正式接入业务前，先用一小段真实数据验证效果和边界。

来源信息

• 公开页面地址: https://agentskillsrepo.com/skill/penpenpeng/scientific-agent-skills-paper-reader
• SKILL.md 下载地址: https://agentskillsrepo.com/skill/penpenpeng/scientific-agent-skills-paper-reader/download