Token导航 LogoToken导航TokenDH.com
研究检索需要联网clawhub未标认证来源可访问clear审计提醒

design-daily-insights设计日常见解

Agent Skill

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

总安装

2,047

周安装

82

GitHub Stars

公开资料未说明

下载量

663
OpenClaw

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

MIT-0

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:design-daily-insights(设计日常见解)
来源仓库:https://github.com/ellisonnnnnnn/design-daily-insights
安装命令:
openclaw skills install design-daily-insights
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 OpenClaw 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

ClawHubOpenClaw
openclaw skills install design-daily-insights

简介

追踪设计工具更新、AI 产品新闻与用户体验研究进展。

  • 适用于持续学习设计趋势与创新方法的专业人士。
  • 提供灵感素材与设计系统演变洞察。design-daily-insights 属于研究检索类 Skill,可作为该场景下的辅助能力补充。
  • 内容由算法聚合,可能与本地需求存在匹配偏差。
  • 重要决策应辅以用户调研与内部评审流程。

SKILL.md

name
design-daily-insights
description
Design Daily Insights — Track design tool updates, AI product news, design system evolution, UX research, and design inspiration. Triggers on: '今日设计资讯', '设计资讯', '今日设计', 'design daily', 'design news', /design.

Design Daily Insights / 设计每日资讯

设计领域每日双语资讯 — 追踪设计工具更新、AI 产品动态、设计系统、深度研究和灵感发现。

数据源

详见 references/sources.md,共 19 个信息源:

A 类 — web_fetch 直接抓取(13 个)

🎨 工具更新(5 个)

  • Figma Blog: https://www.figma.com/blog/
  • Lovable Blog: https://lovable.dev/blog
  • Cursor Blog: https://cursor.com/blog
  • Framer Blog: https://www.framer.com/blog
  • VS Code Updates: https://code.visualstudio.com/updates

🤖 AI 动态(2 个)

  • Anthropic News: https://www.anthropic.com/news
  • Anthropic Research: https://www.anthropic.com/research

🏗️ 设计系统(2 个)

  • Zeroheight Blog: https://zeroheight.com/blog/
  • Supernova Blog: https://www.supernova.io/blog

📖 设计深度(3 个)

  • NNGroup: https://www.nngroup.com/articles/
  • Smashing Magazine: https://www.smashingmagazine.com/
  • Creativerly: https://www.creativerly.com/

💡 灵感发现(1 个)

  • Sidebar.io: https://sidebar.io

B 类 — web_search 补充(6 个)

搜索关键词
Product HuntProduct Hunt design tools launches
The Rundown AIThe Rundown AI newsletter
Ben's BitesBen's Bites AI news
UX Collectivesite:uxdesign.cc design
TLDR DesignTLDR design newsletter
Google StitchGoogle Stitch design update

摘要规则

  • 双语:标题 English Title / 中文标题 放同一行
  • 内容:英文摘要在前(2-3 句),中文摘要在后(2-3 句),各段折行显示
  • 角度:突出"是什么 + 对设计师/开发者有什么影响"
  • 每条附原文链接→ full-url
  • ⚠️ 链接必须是具体文章 URL,不能是官网/博客首页

- ✅ https://www.figma.com/blog/five-figma-weave-workflows/ - ❌ https://www.figma.com/blog/(首页,看不到具体文章) - ✅ https://cursor.com/blog/bugbot-learning - ❌ https://cursor.com/blog(首页) - 获取方式:抓取博客索引页时,必须从页面中提取每篇文章的实际 URL,而非统一链接到分类页或首页

  • 总条数:10-15 条,每分类 2-3 条
  • 总输出:≤ 2000 字(中文计)

分类

  • 🎨 工具更新 / Tool Updates — 产品功能、版本发布、更新公告
  • 🤖 AI 动态 / AI Updates — 模型发布、AI 产品、行业变动
  • 🏗️ 设计系统 / Design Systems — 设计系统更新和深度内容
  • 📖 设计深度 / Design Deep Dive — UX 研究、方法论、案例
  • 💡 灵感发现 / Inspiration — 精选内容、趋势、展示案例

去重

读写 memory/design-digest-state.json,按 URL 去重:

{
  "seen": {
    "url-or-id-1": "2026-03-28"
  }
}
  • 每次运行时读取已有 seen 列表
  • 抓到的新内容中,过滤掉已存在于 seen 中的 URL
  • 生成摘要后,将新 URL 以当天日期(YYYY-MM-DD)写回 seen
  • 自动清理 7 天前的条目

运行流程

  1. memory/design-digest-state.json 获取去重状态
  2. web_fetch 13 个 A 类源,每个源最多抓取前 5000 字
  3. web_search 6 个 B 类源补充
  4. 过滤已读内容(URL 去重)
  5. 三层筛选:

- 新鲜度:只保留 7 天内的内容 - 相关性:匹配分类关键词 - 价值度:优先头部产品、信息密度高、独特分析的内容

  1. 筛选 top 10-15 条,按 5 个分类组织
  2. 生成双语摘要
  3. 更新 memory/design-digest-state.json(写入新 URL + 清理过期条目)
  4. 部署网页:将 HTML 输出到 design-daily-site/index.html(使用下方「网页设计」中的杂志风模板),启动本地 HTTP 服务器,通过 locaddr.run 生成临时公开 URL
  5. 按输出模板格式化,在飞书消息末尾附上网页链接,发送飞书消息
⚠️ 署名已更新为「多啦啊木 🐾」
⚠️ 关于网页 URL:locaddr.run 每次重启链接会变。如需固定 URL,推荐部署到 GitHub Pages、Cloudflare Pages 或 Vercel(npx vercel 一键部署),可获得永久地址。

Token 控制

  • 每个源站最多抓取前 5000 字
  • 每条最终摘要 ≤ 3 句(英文)+ 3 句(中文)
  • 总输出 ≤ 2000 字

飞书输出模板

📅 设计每日资讯 | Design Daily — YYYY-MM-DD
🔗 网页版:https://<当期-locaddr-URL>

🎨 工具更新 / Tool Updates

1. English Title / 中文标题
   英文摘要 1-2 句。
   中文摘要 1-2 句。
   → https://actual-article-url-here.com/article-slug

2. ...

🤖 AI 动态 / AI Updates

3. English Title / 中文标题
   ...

🏗️ 设计系统 / Design Systems

6. English Title / 中文标题
   ...

📖 设计深度 / Design Deep Dive

10. English Title / 中文标题
    ...

💡 灵感发现 / Inspiration

12. English Title / 中文标题
    ...

—
Sources: Figma · Cursor · Framer · Anthropic · Zeroheight · Supernova · NNGroup · Smashing Magazine · Sidebar | Curated by 多啦啊木 🐾

排版规则

  • 网页链接位置:标题下方第一行,紧跟日期之后(先 URL,再内容)
  • 来源署名:底部独占一行,以 分隔结尾
  • 每条格式:序号 + 英文标题/中文标题(同一行)→ 英文摘要 → 中文摘要 → 链接( + 完整文章 URL)
  • 不使用 markdown 表格(飞书兼容)
  • 同一新闻多源出现时只保留最佳版本
  • 跳过低价值内容:纯营销、泛泛列表文、招聘信息
  • 标题:一行,English Title / 中文标题
  • 英文摘要在前,折行;中文摘要在后,折行
  • 链接:→ full-url 独占一行
  • 不使用 markdown 表格(飞书兼容)
  • 同一新闻多源出现时只保留最佳版本
  • 跳过低价值内容:纯营销、泛泛列表文、招聘信息

网页设计 / Web Design

模板位置

/Users/Ellison/.openclaw/workspace/design-daily-site/index.html

设计风格:高级杂志风(Editorial Magazine)

⚠️ 设计已锁定,不主动更换

  • design-daily-site/index.html = 杂志风 HTML 模板
  • 每次运行时只替换内容(日期、各 article 区块),不修改 CSS 结构和设计变量
  • 如需改版设计,需 MZQ 明确授权

配色方案(大胆张扬)

:root {
  --paper: #f8f6f1;        /* 暖调米白底 */
  --paper-warm: #f0ebe2;   /* 微暖卡片底 */
  --ink: #120d0a;          /* 深墨文字 */
  --ink-soft: #4a3530;     /* 温暖次要文字 */
  --muted: #8a7060;        /* 弱化文字 */
  --rule: #d8cfc5;         /* 分隔线 */
  --accent: #c94830;       /* 赤陶红强调(大胆) */
  --accent-soft: rgba(201,72,48,0.1);
}

背景纹理(四层弥散渐变 + SVG noise)

background:
  var(--paper)
  radial-gradient(ellipse 80% 60% at  10%  0%, rgba(201,72,48,0.09) 0%, transparent 60%),
  radial-gradient(ellipse 60% 50% at  90% 10%, rgba(160,50,30,0.07) 0%, transparent 55%),
  radial-gradient(ellipse 50% 40% at  50%  0%, rgba(201,72,48,0.06) 0%, transparent 50%),
  radial-gradient(ellipse 70% 80% at  80% 100%, rgba(50,90,60,0.07) 0%, transparent 60%);
/* noise texture via ::before pseudo-element with inline SVG */

字体搭配

  • 标题/品牌:Playfair Display(衬线,优雅)
  • 正文:Inter(无衬线,现代)
  • 中文备选:Noto Serif SC

布局结构

  1. Masthead — 双栏报头,大字 设计每日资讯,双线分隔符
  2. Hero Zone — 左侧大标题 + 副标题 + 日期,右侧 Sidebar 小标题列表
  3. Section Header — 装饰分隔线 + 全大写分类标签(🎨 / 🤖 / 🏗️ / 📖 / 💡)
  4. Article Cards — 编号列表,大号灰色数字 + 标题 + 摘要 + 文章链接
  5. Pull Quote — 左侧红色装饰竖线 + 引文
  6. Footer — 双线分隔符 + 来源列表 + 署名 多啦啊木 🐾

署名:页面底部 多啦啊木 🐾,飞书消息末尾同步

移动端适配(三档响应式,已优化)

  • 1000px(平板):双栏 → 单栏;Hero 右栏加顶部分隔线替代左分隔线;数字列表隐藏来源域名
  • 640px(手机主档):报头大字缩至 38px、隐藏副标题/期号;导航栏横向滚动(隐藏滚动条);卡片网格单列 + 圆角卡片;分类标题 10px 紧凑字间距;数字列表行号 32px;页脚单列紧凑排布
  • 360px(超小屏):标题/正文字号再缩一档
  • 导航栏:横滚 + flex-shrink:0 + overflow-x:auto + scrollbar-width:none

内容替换位置(每次运行)

运行时只需替换 HTML 中以下位置的内容:

  1. <title>.hero-date — 当天日期
  2. <article> 区块 — 精选文章标题、摘要、链接
  3. <footer> 来源行 — 当期来源列表

CSS 变量、字体引用、背景纹理代码不改动

部署流程

# 1. 写入 HTML(用模板覆盖)
cp /Users/Ellison/.openclaw/workspace/design-daily-site/index.html \
   /Users/Ellison/.openclaw/workspace/design-daily-site/build.html

# 2. 启动本地 HTTP 服务器(端口 8766)
cd /Users/Ellison/.openclaw/workspace/design-daily-site
python3 -m http.server 8766 &

# 3. 创建公开链接(locaddr.run)
ssh -o StrictHostKeyChecking=no \
  -R 80:localhost:8766 locaddr.run &

# 4. 验证可用性
curl -s -o /dev/null -w "%{http_code}" https://<生成的URL>/

部署脚本

已创建的辅助脚本:scripts/design-daily-cron.sh(见下方定时任务章节)

定时任务 / Cron

设置每日 9:00 北京时间自动发送

openclaw cron create \
  --name "Design Daily 每日设计资讯" \
  --schedule "0 0 9 * * *" \
  --tz "Asia/Shanghai" \
  --message "今日设计资讯" \
  --channel feishu \
  --timeout-seconds 180 \
  --failure-alert \
  --failure-alert-after 2
⚠️ 推荐加上 --timeout-seconds 180(3分钟),因为任务涉及 13 个源站抓取 + locaddr 隧道建立,30秒默认超时容易触发。 --failure-alert --failure-alert-after 2 开启连续2次失败后通知。

另一种方式:指定小时判断

如果 cron 不支持时区转换,可写一个包装任务:

  1. 创建一个辅助脚本 scripts/design-daily-cron.sh
#!/bin/bash
# 每天北京时间 9:00 触发(UTC 1:00)
openclaw run "今日设计资讯" --channel feishu
  1. 设置 cron:0 1 * * * /Users/Ellison/.openclaw/workspace/skills/design-daily/scripts/design-daily-cron.sh
  1. 确保脚本有执行权限:chmod +x scripts/design-daily-cron.sh

查看/删除定时任务

openclaw cron list
openclaw cron delete <id>

定时任务的限制

  • 定时任务运行在独立的 session 中,无主 session 历史上下文
  • 默认超时 30 秒,任务涉及多源抓取 + 隧道部署,建议设为 180 秒避免超时
  • 建议在 memory/design-digest-state.json 中记录上次运行时间,避免重复发送
  • 如果需要在飞书群发送,channel 指定为群 ID 或群名

命令

  • /design — 手动触发一期 digest
  • /design setup — 初始化配置和去重状态
  • /design sources — 查看当前追踪的所有信息源
  • /design add <URL> — 添加新的 A 类信息源到 sources.md

适合场景

01

OpenClaw 用户查找和安装 Skill 时

02

用户想查找某类 Agent Skill 时

03

需要根据任务场景推荐可安装能力包时

04

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

OpenClaw

83.15%
按下载量换算551

安全审计

VirusTotal

可疑

ClawScan

可疑

Static analysis

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在 warning/failed 结果,不能写成本站确认安全。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills