Claude Code skill: Generate design.md, design-guidelines.md & design-components.md from any design references — images, PDFs, links, screenshots. For AI-assisted coding (Cursor, Claude Code, Copilot)
{
"mcpServers": {
"design-system-skill": {
"command": "node",
"args": ["/path/to/design-system-skill/dist/index.js"]
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json (Mac) or %APPDATA%\Claude\claude_desktop_config.json (Windows).<placeholder> values with your API keys or paths.Tools overview
What people ask about design-system-skill
What is albertzhangz10/design-system-skill?
+
albertzhangz10/design-system-skill is tools for the Claude AI ecosystem. Claude Code skill: Generate design.md, design-guidelines.md & design-components.md from any design references — images, PDFs, links, screenshots. For AI-assisted coding (Cursor, Claude Code, Copilot) It has 11 GitHub stars and was last updated 1mo ago.
How do I install design-system-skill?
+
You can install design-system-skill by cloning the repository (https://github.com/albertzhangz10/design-system-skill) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is albertzhangz10/design-system-skill safe to use?
+
albertzhangz10/design-system-skill has not been audited yet by our security agent. Review the original repository on GitHub before using it in production.
Who maintains albertzhangz10/design-system-skill?
+
albertzhangz10/design-system-skill is maintained by albertzhangz10. The last recorded GitHub activity is from 1mo ago, with 0 open issues.
Are there alternatives to design-system-skill?
+
Yes. On ClaudeWave you can browse similar tools at /categories/tools, sorted by popularity or recent activity.
Deploy design-system-skill to your cloud
Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.
Maintain this repo? Add a badge to your README
Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.
[](https://claudewave.com/repo/albertzhangz10-design-system-skill)<a href="https://claudewave.com/repo/albertzhangz10-design-system-skill"><img src="https://claudewave.com/api/badge/albertzhangz10-design-system-skill" alt="Featured on ClaudeWave: albertzhangz10/design-system-skill" width="320" height="64" /></a>More Tools
Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
A light-weight and powerful meta-prompting, context engineering and spec-driven development system for Claude Code by TÂCHES.
🪨 why use many token when few token do trick — Claude Code skill that cuts 65% of tokens by talking like caveman
AI低代码平台，支持「低代码 + 零代码」双模式：零代码 5 分钟搭建业务系统，低代码模式一键生成前后端代码。 内置AI 应用，支持AI聊天、知识库、流程编排、MCP与插件，支持各种模型。Skills能力实现：一句话画流程图、设计表单、生成系统。 引领 AI生成→在线配置→代码生成→手工合并的开发模式，解决Java项目80%的重复工作，快速提高效率，又不失灵活性。