image2_UI_skill

extract-design-system 可作为 Agent Skill、命令行工具或 MCP 服务，分析公开网页中的颜色、字体、间距、圆角和阴影，并在项目中生成原始与标准化数据、W3C 兼容的 tokens.json 以及 CSS 自定义属性文件。它适合快速建立可审阅的起始设计系统，但只做单页公开网站提取，不会自动改写现有应用，也不能保证动态或受保护页面完整，更不是组件库或像素级复刻工具。

这套技能汇集 Anthony Fu 的项目与设计偏好，以及由 Vue、Nuxt、Vite、Vitest、UnoCSS、pnpm 等官方文档生成的开发知识，还同步外部维护的相关技能。它适合以现代 Vue/Vite 技术栈为主的团队，并可作为自建技能库模板；项目仍属概念验证，实际效果尚未充分测试。

为 Vue 3 开发补充 Composition API、Options API、Vue Router、Pinia、组件测试、JSX 和调试等专项技能，可整包或按项安装。使用时在提示词中明确写出“use vue skill”能提高触发稳定性；项目仍是社区早期实验，维护者提醒内容可能不完整或含有错误，需要开发者自行核验。

这套集合收录 75 个面向设计与构建工作的技能，重点涵盖网页设计、动效、素材获取、性能分析，以及把视频或现有页面转成可执行提示词。每个技能都采用普通 Markdown 与文件夹结构，可在 Codex、Claude Code、Cursor 等代理中按需加载。