In a world where creating a design system typically requires weeks of painstaking work, a tool has emerged that promises to do it with a single command. SkillUI is a TypeScript-based CLI utility capable of scanning a website, repository, or local folder and packaging colors, fonts, spacing, animations, and components into a fully functional design system for AI agents.
Essentially, the tool reverse-engineers the visual language of an interface through pure static analysis, without using artificial intelligence during the processing phase. It extracts tokens from CSS, DOM structure, and even captures hover and scroll states through seven screenshots at different scroll levels. In standard mode, SkillUI analyzes HTML, CSS, JavaScript, TypeScript, and Tailwind configurations, generating structured files (DESIGN.md, CLAUDE.md, SKILL.md) and JSON tokens. In ultra mode, if Playwright is installed, the tool launches a real browser and captures full page screenshots, interaction states, keyframes animations, including detecting libraries like GSAP, Lottie, and Three.js. The result is a ready-to-use set of instructions that Claude or a similar agent can immediately use to recreate a similar UI.
This isn't just about developer convenience. SkillUI rebalances the relationship between original design and its reproduction. Previously, copying a style required manual code dissection or lengthy reverse-engineering; now, the process has become almost instantaneous and accessible to anyone with Node.js 18 or higher. The tool operates entirely locally – without cloud services, API keys, or sending data anywhere.
The difference is particularly noticeable when working with AI agents. Instead of describing a design in words, a designer or developer can provide Claude with the finished SKILL.md and CLAUDE.md files, and the model will receive precise tokens, animations, screenshots, and visual references in a structured format. This speeds up prototyping but simultaneously raises the question: how valuable does the author's vision remain if the visual language can be 'read' automatically?
The tool analyzes only what is available in HTML, CSS, and DOM – it cannot capture the designer's hidden intentions or interfaces closed behind JavaScript walls. However, it accurately extracts static files, Tailwind variables, keyframes, and even detects popular animation libraries. This approach prevents data leakage through the cloud, but it doesn't resolve ethical questions about borrowing others' design solutions.
In the long term, SkillUI could accelerate interface standardization: popular patterns will be reproduced faster, and unique ones will lose their advantage. At the same time, it gives small teams and freelancers access to a professional level of visual accuracy without huge budgets for design systems. The project is actively developing – by April 2026, the tool had 23 releases and reached version 1.3.2, distributed under the MIT license.
The main effect of the tool is not in the speed of copying, but in how it shifts focus: from creating a visual language to its meaningful application and adaptation for specific user tasks. This transforms design systems from rare, elite artifacts into a tool accessible to every development team.
