⚠️Install with caution. This skill has very few installs. Always review the source and verify it on clawhub.ai before installing. Community-built skills run with agent permissions — only install ones you trust.

✏️ Design Tools

DESIGN.md — AI时代设计规范技能v1.0.0

Name: DESIGN.md — AI时代设计规范技能
Author: zmy1006-sudo

design-md

zmy1006-sudo

DESIGN.md 设计与品牌规范技能。当用户需要创建项目设计规范文档、为AI编写品牌规范、让AI生成符合品牌风格的页面时激活。触发词：DESIGN.md、设计规范、品牌规范、设计系统、生成设计文档、写DESIGN.md、设计语言。用于：创建新项目的 DESIGN.md、更新已有设计规范、让AI按规范生成UI。

branddesigndesign-systemlatesttailwindui

Download Package View on ClawHub

Installs (all time)

Installs (current)

Downloads

1.9K

Stars

CreatedApr 7, 2026

UpdatedMay 11, 2026

Install & Quick Start

Install via ClawdBot CLI:

clawdbot install zmy1006-sudo/design-md

Skill Package2 files

📋SKILL.mdmarkdown

Failed to load file.

Quality Score

B53/100

Grade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.

Market Validation6/35

· 277 downloads (low demand)
· 3 installs (very low)

Documentation16/25

· SKILL.md present
· Detailed documentation (≥3000 chars)
· Detailed summary

Package Completeness6/15

· skillAssets present (1 files)

Security Analysis

💙 Low Risk

UNDOCUMENTED_EXTERNALlow

Calls external URL not in known-safe list

https://github.com/VoltAgent/awesome-design-md

Audited Apr 16, 2026 · audit v1.0

💡

Usage Guide

Generated May 1, 2026

Solo developers building AI-integrated apps needing fast brand consistencyDesign system managers in startups transitioning to AI-assisted UI generationFull-stack developers using AI coding agents who want to enforce brand guidelinesFreelance designers delivering design specs that AI can directly implementbeginner

💡 Application Scenarios

Design System Creation for Healthcare AppHealthcare

Generate a complete DESIGN.md for a healthcare mobile app. The skill produces a 9-module Markdown specification defining visual theme, color palette, typography, components, layout, and more, ensuring consistent branding across AI-generated UI.

Brand Consistency for E-commerce DashboardE-commerce

Update an existing DESIGN.md to reflect new brand guidelines for an e-commerce analytics dashboard. The skill incrementally modifies modules like color roles and component states, then outputs updated Markdown that AI agents use to maintain visual consistency.

UI Generation for SaaS Landing PageSaaS

Given a DESIGN.md for a SaaS product, generate a landing page code using the defined tokens. The skill reads the design spec and produces Tailwind-based components adhering strictly to colors, typography, spacing, and interaction patterns.

Design Handoff for FinTech PrototypeFinTech

Produce a DESIGN.md from scratch for a fintech startup, converting brand keywords and Figma references into a structured Markdown design system. The skill extracts core visual principles and documents them for AI-driven development.

💼 Business Models

Freemium Design System GeneratorSubscription ($20-$50/month) or per-document ($10-$30)

Offer a free tier generating basic 3-module DESIGN.md for personal projects. Paid plans unlock full 9-module templates, custom Tailwind config export, and team collaboration features.

Design-to-Code API ServiceUsage-based pricing ($0.01-$0.05 per component generation) or enterprise contracts

Provide an API where clients upload DESIGN.md or brand assets and receive production-ready UI code snippets or full pages. Integrates with CI/CD pipelines for design consistency.

Agency-In-A-Box for Brand SystemsFlat monthly fee ($200-$500) plus $50 per additional project

Package the skill as a tool for design agencies to quickly create and maintain brand systems for multiple clients. Includes a dashboard to manage multiple DESIGN.md files and generate marketing pages.

💬 Integration Tip

Place DESIGN.md in your project root; AI coding agents auto-load it. Use the Agent Prompt Guide (M9) to quickly reference colors and tokens during code generation.