image2_UI_skill

extract-design-system analyzes a public webpage for colors, typography, spacing, border radii, and shadows, then writes raw and normalized data plus W3C-compatible JSON tokens and CSS custom properties. The workflow is available as an agent skill, standalone CLI, and MCP server. It is intended to create reviewable starter tokens, not a component library or pixel-perfect clone. Extraction is single-page and public-site only, and dynamic or protected pages may produce incomplete results.

This collection combines Anthony Fu’s opinionated project and design conventions with skills generated from official Vue, Nuxt, Vite, Vitest, UnoCSS, pnpm, and related documentation. Vendored skills extend the set to adjacent tools, while git submodules help track upstream sources. It targets modern Vue/Vite work and remains a proof of concept that has not been fully tested in practice.

Add focused skills for Vue 3 Composition API and Options API work, Vue Router, Pinia, component and end-to-end testing, JSX, debugging, and adaptable composables. You can install the bundle or selected skills, and explicitly asking the agent to use a Vue skill improves activation reliability; the maintainer labels the project an early community experiment whose guidance may be incomplete or inaccurate.

This collection offers 75 skills for designers and builders working on web interfaces, animation, asset sourcing, and prompt creation from videos or existing pages. Its plain Markdown, folder-based format lets compatible agents load only the relevant SKILL.md workflow instead of depending on a single vendor-specific runtime.