skills.rest
coroboros
coroborosOFFICIAL
Explore all skills by this author →
WebsiteGitHub

award-design

Generate a DESIGN.md with design tokens and atmosphere calibration for web projects.

2|Updated Apr 22, 2026
Search Tags:#design-system#atmosphere#archetype#design-md#awwwards#award-design
One-click install
npx skills add https://github.com/coroboros/agent-skills --skill award-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: award-design
Source: https://github.com/coroboros/agent-skills/tree/main/skills/award-design
Command: npx skills add https://github.com/coroboros/agent-skills --skill award-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Generate a DESIGN.md from briefs by selecting an archetype and calibrating atmosphere to create a complete, award-ready design specification.

Core Features & Use Cases

  • Recommends a single archetype aligned with the brief and explains the rationale, providing 2–3 real-world exemplars for quick visual anchoring.
  • Calibrates Atmosphere (Density, Variance, Motion) per the selected archetype and documents the calibrated scores for design guidance.
  • Produces DESIGN.md following Google's DESIGN.md open standard, including design tokens (colors, typography, rounded, spacing, components) and eight prose sections, validated for integration with the /design-system workflow.

Quick Start

Provide a project brief and any live references to generate a DESIGN.md aligned to the chosen archetype.

Frequently Asked Questions about award-design

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

FAQPage Schema
How do I generate a DESIGN.md for a new web project?▼

To generate a DESIGN.md, provide your project brief and any live references. The system selects a design archetype, calibrates atmosphere, and outputs a complete design specification with tokens and prose sections.

What is a design archetype and how does it guide web design direction?▼

A design archetype is a foundational visual concept selected to match your brief. It guides the overall design direction by providing a rationale and 2-3 real-world exemplars for quick visual anchoring during the initial design phase.

How do I calibrate design atmosphere for a web project?▼

Atmosphere calibration adjusts Density, Variance, and Motion scores based on the selected archetype. This calibrated atmosphere is then documented within the DESIGN.md to provide precise motion and layout guidance.

Can I use the generated DESIGN.md with an existing design-system workflow?▼

Yes, the generated DESIGN.md is validated for integration with the /design-system workflow. It includes standardized design tokens for colors, typography, rounded corners, spacing, and components to ensure seamless system integration.

When do I need to create a DESIGN.md for my web project?▼

You need to create a DESIGN.md when your project requires an initial design direction or lacks an existing design specification. It is essential for briefs needing an award-ready design foundation before system implementation.

Does the DESIGN.md follow an open standard format?▼

Yes, the DESIGN.md follows Google's DESIGN.md open standard. It includes standardized design tokens and eight prose sections, ensuring the specification is structured for award-winning web design criteria.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
I194I194
9

design-consultation

Generate design tokens and a DESIGN.md for product design systems.

Community
Advanced
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
alter123-zzalter123-zz
18

theme-factory

Generate custom color and font themes for slides, documents, reports, and web pages.

Community
Basic