用途：从公开网站提取设计系统（颜色、字体、间距、圆角、阴影、组件及状态），生成 DESIGN.md、preview.html、tokens.json、variables.css、theme.css；或在上述令牌格式之间转换。
主要能力：读取公开页面的截图与 CSS/计算样式；提取语义化令牌；记录组件各状态；撰写品牌语气与 Do's/Don'ts；生成自包含的 preview.html；输出 DTCG 格式 tokens.json、CSS 自定义属性 variables.css、Tailwind v4 @theme 的 theme.css。文件默认保存到 themes/{brand-slug}/。
使用方式：支持显式命令（如 rico DESIGN.md [url]、rico tokens [url]、rico 全部输出 [brand]、rico 把 DESIGN.md 转为 tokens）和自然语言触发。可选标志：--theme=light|dark、--depth=basic|full、--components-only、--tokens-only、--mobile-first、--desktop-first。
适用场景：为已有网站编写设计系统文档、提取令牌用于实现、转换令牌格式、生成品牌设计系统可视化参考页。
限制：不重建可运行代码（应转 /web-clone Mode B）；不向用户网站应用主题；不提取需登录页面；缺失令牌类别时跳过并注明缺口，不编造数值；多主题站点需先确认记录哪个主题；SPA 或压缩 CSS 需借助 view-source、network 面板或 DevTools 计算样式。
输出报告：任务完成后向 llmwiki/wiki/sources/draft/ 写入 DDMMYY-<ten>.md 草稿，并更新 index.md 与 log.md；零产物时跳过。
维护者 @ricouii，状态 Active Development，最后更新 2026-05-13。