开源CSS文档工具
各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。
DocumentCSS 是一个由 DocumentJS 驱动的 Living Style Guide 生成工具。它通过 CSS、Less、SCSS/SASS 与 Markdown 中的注释和自定义标签，自动生成样式文档站点，目标是让样式文档随着设计与代码变更而更新。典型输出是一个静态 styleguide 目录，可在本地或团队内部发布。
它的核心是标签体系：@page 创建 Markdown 页面，@stylesheet 声明样式文件页面，@styles 组织样式小节，@demo 与 @iframe 嵌入 HTML 示例，@parent 和 @group 管理侧边栏层级与分组。配置通过 documentjs.json 完成，使用 glob 指定要扫描的 CSS、Less、SCSS、Markdown 文件，并设置生成目录。工具依赖 Node.js/npm，可通过 documentjs 命令生成，也支持 -w 监听变更、-f 强制重建主题。它还能与已有 DocumentJS JavaScript API 文档共存在同一配置中。
正文没有商业定价或付费版本信息，使用方式是通过 npm 安装 documentjs。生成结果为静态站点，因此自托管能力较强：可把输出目录发布给团队，也可用本地静态服务器预览。支付方式未提及。
优点是文档即代码，适合把样式说明直接放进前端工作流；CSS/Less/SCSS/Markdown 支持清楚，标签功能覆盖页面、分组、示例和导航；静态输出便于纳入仓库与内部发布。缺点也明显：demo 需要手工创建并复制到生成目录，样式引用也要在 iframe HTML 中手动维护；顶部菜单需要修改 Mustache 模板；默认主题基于 LESS，改为 SCSS 并不容易。文档示例较多，但发布章节不完整，部分说明偏旧。
DocumentCSS 更适合维护传统 CSS/Less/SCSS 代码库、需要快速生成团队样式指南的前端或设计系统团队；如果需要组件级交互开发、现代框架预览和插件生态，Storybook、Styleguidist、Docusaurus 等可能更合适。中国访问情况正文未提供，npm 与 GitHub 相关资源在国内网络下可能受环境影响，需按实际网络测试。
本测评基于公开资料整理,不构成购买建议,请以 documentcss.com 官网实际信息为准。
开源 living style guide 工具，适合前端团队。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。