design-mdDESIGN.md 设计与品牌规范技能。当用户需要创建项目设计规范文档、为AI编写品牌规范、让AI生成符合品牌风格的页面时激活。 触发词：DESIGN.md、设计规范、品牌规范、设计系统、生成设计文档、写DESIGN.md、设计语言。 用于：创建新项目的 DESIGN.md、更新已有设计规范、让AI按规范生成UI。
Install via ClawdBot CLI:
clawdbot install zmy1006-sudo/design-mdGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/VoltAgent/awesome-design-mdAudited Apr 16, 2026 · audit v1.0
Generated May 1, 2026
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.
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.
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.
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.
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.
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.
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.
Scored May 1, 2026
Guides solo founders through validating startup ideas, architecting product design, and defining visual systems with structured design documents as output.
Color palette extractor — extract dominant colors from an image (PNG/JPEG/GIF). Use when you need a color palette for design or analysis. Pure stdlib, no LLM.
Generates Mermaid diagrams from descriptions. Creates flowcharts, sequence diagrams, and architecture diagrams. Triggers: mermaid diagram, architecture diagr...
介绍Canva从澳洲起步，如何通过AI和本地化帮助非设计师轻松创建专业设计作品。
A virtual canvas for OpenClaw to output content and visualize its thinking during development.
Create stunning designs with AI. Social media graphics, presentations, and marketing materials without design skills. No API keys needed. $2 FREE credits to...