AutomationFrontend development

image2_UI_skill

Rebuild UI references as clickable demos with integrated image assets.

Stars: 194
Forks: 18
Updated: Updated Jul 14, 2026

AutomationFrontend development

image2_UI_skill

Rebuild UI references as clickable demos with integrated image assets.

Stars: 194
Forks: 18
Updated: Updated Jul 14, 2026

AutomationFrontend development

extract-design-system

@arvindrkTypeScript

Extract website design tokens into reusable JSON and CSS files

Project overview

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.

Stars: 125
Forks: 15
License: MIT

Collection or directoryFrontend development

skills

@antfuTypeScript

Install a focused skill set for Vue, Vite, and Nuxt development.

Project overview

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.

Stars: 5,582
Forks: 310
License: MIT

Collection or directoryFrontend development

skills

@vuejs-ai

Guide AI coding agents through Vue 3 patterns, testing, routing, and debugging.

Project overview

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.

Stars: 2,701
Forks: 157
License: MIT

Collection or directoryFrontend developmentClaude Code

Skills

@MengToPython

Reuse interface-design and web-building workflows across Codex, Claude, Cursor, and other AI agents.

Stars: 2,116
Forks: 243
License: MIT

image2_UI_skill

image2_UI_skill

Project overview

Repository facts

Related projects

extract-design-system

skills

skills

Skills