skills.rest
Martino17x
Martino17xCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-md

Create and manage DESIGN.md files capturing design tokens and visual rules.

Updated Aug 13, 2026
Search Tags:#documentation#design system#design tokens#create#design.md#visual rules
One-click install
npx skills add https://github.com/Martino17x/Sentinel-Invest --skill design-md-martino17x
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/Martino17x/Sentinel-Invest/tree/main/.agents/skills/skills-design/design-md
Command: npx skills add https://github.com/Martino17x/Sentinel-Invest --skill design-md-martino17x

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Design decisions, tokens, and visual rules often live scattered across tools and conversations, making them hard to reference and keep consistent. This Skill consolidates them into a single DESIGN.md file that serves as one source of truth for a project's design direction. ## Core Features & Use Cases - DESIGN.md Creation: Generate a structured DESIGN.md file capturing design direction, tokens, and visual rules. - Ongoing Management: Update and maintain the DESIGN.md file as the design system evolves. - Use Case: When starting a new product UI, ask the agent to create a DESIGN.md documenting color tokens, typography, spacing rules, and component guidelines so every future design decision references the same document. ## Quick Start Ask the agent to create a DESIGN.md file documenting the design tokens and visual rules for your project.

Frequently Asked Questions about design-md

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a DESIGN.md file for my project?▼

Invoke the design-md skill by name or use a trigger phrase like "design doc" or "design tokens doc". The agent will generate a DESIGN.md file capturing your design direction, tokens, and visual rules in one document.

What should a design tokens document contain?▼

A design tokens document typically captures color palettes, typography scales, spacing rules, and visual guidelines. This Skill structures those elements into a single DESIGN.md file that acts as the project's design source of truth.

Can I update an existing DESIGN.md with this skill?▼

Yes, the skill covers both creating and managing DESIGN.md files. You can ask the agent to revise tokens or visual rules as the design system evolves, keeping the document current.

Does this skill include the full upstream workflow?▼

This catalogue entry advertises the skill for discovery during planning. To run the full upstream workflow with original assets, scripts, and references, install the upstream bundle from the google-labs-code/skills repository.

Related Skills

Explore More Design & Creative Skills→
YuDefineYuDefine
45

extract

Identify reusable components and design tokens for consolidation into a design system.

Official
Intermediate
suriyelsuriyel
178

long-task-ucd

Generate a UI Component Design style guide from an approved SRS document.

Community
Advanced
j-cogburnj-cogburn

design-system

Audit UI component libraries against a three-layer token hierarchy.

Community
Intermediate
yonatangrossyonatangross
217

figma-design-handoff

Extract Figma design tokens and generate TypeScript component interfaces.

Community
Advanced