design-md

Name: design-md
Rating: 5 (2 reviews)
Author: moesuito

Authors a DESIGN.md file, a markdown document that captures a brand's visual identity in tokens and prose, enabling AI agents to build pixel-consistent UI. It's used to distill existing brand assets like websites or style guides into this format.

2stars

Updated last month

View on GitHub ↗License: Apache-2.0

How to add

/plugin marketplace add moesuito/claude-skill-design-md

The exact command may vary by repository. Check the README on GitHub.

For the skill author

Drop this on your repo README

Shows your skill is listed on Skillteca, generates a backlink and trackable traffic.

[![Listada na Skillteca](https://www.skillteca.com.br/api/badge/design-md/svg)](https://www.skillteca.com.br/skills/design-md?utm_source=badge&utm_medium=readme&utm_campaign=badge)

#ai #markdown

Related skills

See all in Design e Frontend →

webapp-testing

143.8k

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Design e Frontend#testby anthropics

brand-guidelines

143.8k

Applies Anthropic's official brand colors and typography to any artifact that may benefit from its look-and-feel. Use it when brand colors, style guidelines, visual formatting, or company design standards apply.

Design e Frontendby anthropics

frontend-design

143.8k

Creates distinctive, production-grade frontend interfaces with high design quality, generating creative, polished code and UI design that avoids generic AI aesthetics. Use for building web components, pages, and applications, or for styling/beautifying web UIs.

Design e Frontend#css#aiby anthropics

web-artifacts-builder

143.8k

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Design e Frontend#css#aiby anthropics

Category alert

Get new Design e Frontend skills every Monday

One short email with only the new Design e Frontend skills. 4 minutes of reading, no spam, unsubscribe with one click.

You confirm your email on the first send. No spam. Unsubscribe with one click.

DESIGN.md Author

Distill a visual identity into a single markdown file that an AI coding agent can read and turn into pixel-consistent UI. The artifact is DESIGN.md, the format pioneered by Google Stitch and curated in awesome-design-md. It sits beside AGENTS.md — AGENTS.md says how to build, DESIGN.md says how it should look.

When to use

Invoke this skill when the user wants to:

Capture a website's visual language into one file (e.g. "make a DESIGN.md for stripe.com")
Turn

[Description truncada. Veja o README completo no GitHub.]

ShareX LinkedIn

Comments · No comments

No comments yet. Be the first.