Stylewright

Stylewright 是一款强大的浏览器扩展，能够从任意网页中智能提取设计系统，包括颜色、字体、间距、圆角和阴影等核心样式。它通过感知算法将颜色合并为真实的色阶，并支持导出为 CSS、Tailwind v4/v3、SCSS、W3C JSON tokens 或 AI 可读的 DESIGN.md 提示。所有处理均在浏览器本地完成，无需上传数据。免费版提供元素检查、调色板和 CSS 导出功能；Pro 版为一次性付费，无需订阅。专为 Chrome 浏览器设计。

核心功能

Stylewright 的核心在于一键提取网页的设计系统。用户只需输入网址或直接在当前页面点击扩展图标，即可自动分析并生成结构化的样式数据。它不仅能识别基础颜色和字体，还能精准捕捉间距、圆角、阴影等细节，并自动生成语义化的设计 Token。

主要特性

• 智能颜色提取：通过感知算法将相近颜色合并为统一的色阶，生成协调的调色板。
• 多格式导出：支持 CSS、Tailwind v4/v3、SCSS、W3C JSON tokens 和 DESIGN.md，满足不同开发需求。
• 本地运行：所有处理在浏览器内完成，保护用户隐私。
• 免费使用：基础功能免费，Pro 版一次性付费，无订阅压力。
• 元素检查：直接查看网页元素的样式属性，便于调试。

适用场景

• 前端开发者：快速克隆竞品或参考网站的设计系统，加速项目启动。
• 设计师：从现有网页中提取设计规范，用于灵感参考或风格统一。
• AI 辅助设计：导出 DESIGN.md 提示，供 AI 工具生成一致的设计方案。
• 团队协作：通过导出的设计 Token 确保多平台设计一致性。