frontend-design-extractor
MCP Serverby xsir0
clawhub⭐ 27/10
从前端代码库提取可复用的 UI/UX 设计系统：包括设计标记、全局样式、组件、交互模式和页面模板。用于分析任意前端仓库（React/Vue/Angular/Next/Vite 等）时记录或迁移 UI/UX，以便在项目间复用。仅关注 UI/UX，明确忽略业务逻辑和领域工作流。
自动从前端代码库提取设计令牌、全局样式、组件库、交互模式和页面模板,支持React/Vue/Angular等框架,快速生成可复用的设计系统文档。
📊 商业分析
商业模式
freemium
独特价值
自动从代码库反向提取设计系统,支持React/Vue/Angular等多框架,一键生成可复用设计资产
竞品
Storybook(开源组件文档),Design Tokens Studio(付费工具),Figma插件生态。差异:本skill专注代码反向提取,自动化程度高,无需手动维护
🎯 应用场景
目标用户
前端开发团队设计系统维护者企业技术架构师UI组件库维护者
工具信息
- 类型
- MCP Server
- 平台
- clawhub
- Stars
- ⭐ 2
- 价值评分
- 7/10
- 子分类
- 前端设计系统提取与文档化
- 可商业化
- ✅ 是
AI 标签
设计系统提取前端代码分析UI组件库设计令牌自动化文档
相关工具推荐
frontend-designSKILL
基于Anthropic官方提示工程，一句话生成高质量生产级前端界面，支持React组件、落地页、Dashboard等多种场景
9/10⭐ 86,759
opengfx-logoSKILL
通过自然语言提示词，自动生成包含图标、字标与组合排版的完整品牌Logo系统，输出生产级SVG矢量文件，即用即部署。
8/10⭐ 2,218
character-design-sheetSKILL
利用参考图与LoRA技术实现AI生成角色的跨图一致性，涵盖转面图、表情表、配色方案及风格锁定完整工作流
8/10⭐ 2,218
open-animateSKILL
AI Agent专属创意套件，支持生成专业动态图形、图像渲染及MP4视频，覆盖社交短片、产品发布、说明动画等场景
8/10⭐ 2,218
ui-auditSKILL
自动审计UI遵循UX原则，给出问题等级、修复建议与示例，覆盖无障碍与视觉层级检查
8/10⭐ 19