Extract Design System
技能 已验证 活跃从公共网站提取设计原语并为您的项目生成入门令牌文件。
为开发人员提供一种快速从任何公共网站反向工程设计令牌并为他们的项目生成基础样式文件的*.
功能
- 提取颜色、排版、间距、半径和阴影
- 生成入门级 `tokens.json` 和 `tokens.css` 文件
- 提供原始和标准化 JSON 输出
- 在修改现有项目文件前需要显式确认
- 仅分析公共网站
使用场景
- 基于现有网站样式初始化新项目设计令牌
- 分析竞争对手或灵感网站的设计原语
- 为快速原型设计生成基础样式资源
- 建立可重复的设计令牌提取工作流程
非目标
- 声称提取的系统是完整或像素完美的
- 推断不存在于提取中的组件或语义令牌
- 在未审查的情况下将提取的输出视为权威
- 自动进行广泛的应用程序重写或框架配置修补
安装
/plugin install extract-design-system@arvindrk-extract-design-system质量评分
已验证类似扩展
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Vue Router Best Practices
100Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Develop Web Game
100Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.
UI Design System Toolkit
99UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.