用途:把任意网站转换为设计系统文档,或在 DESIGN.md、tokens.json、variables.css、theme.css 等格式之间转换。
主要能力:默认命令 rico DESIGN.md [url] 同时生成 DESIGN.md 与 preview.html;rico preview [url] 只生成 preview.html;rico tokens [url] 只生成 tokens.json;rico variables [url] 只生成 variables.css;rico theme.css [url] 只生成 theme.css;rico 全部输出 [brand] 生成全部 5 个文件;也支持自然语言触发,如“create a DESIGN.md for linear.app”。输出结构为 themes/{brand-slug}/ 下的 5 个文件。preview.html 是自包含单文件页面,含颜色、渐变、排版、间距、阴影、组件等分区与下载链接。
使用方式:先阅读 references/ 下对应模板再生成,避免格式漂移;用语义化 token 命名;阴影保留完整 CSS 语法;记录组件各状态;用截图核对颜色;为专有字体提供开源替代;tokens.json 中每个 token 带 $description。工作流为收集视觉数据、提取 token、记录组件、撰写品牌语气、写 Do's/Don'ts、生成输出。
限制:不编造缺失值,缺失类别应跳过并注明;不混合多主题 token,需询问用户记录哪个主题;不省略 letter-spacing 与 line-height;不把复杂阴影压平为单值。SPA 需用 view-source 与网络面板,压缩 CSS 用 DevTools 计算样式,登录受限页面只处理公开营销页。具体收费与平台支持暂未提供。