skills.rest
zalman0813
zalman0813COMMUNITY
Explore all skills by this author →
GitHub

design-init

Converts Anthropic design shares and local markup into a Google-spec DESIGN.md file.

Updated Apr 30, 2026
Search Tags:#design#branding#Anthropic#bootstrap#DESIGN.md
One-click install
npx skills add https://github.com/zalman0813/gan-harness --skill design-init-zalman0813
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-init
Source: https://github.com/zalman0813/gan-harness/tree/main/improver/setup-gan-harness-skills/iteration-1/eval-greenfield-cli/without_skill/outputs/.claude/skills/design-init
Command: npx skills add https://github.com/zalman0813/gan-harness --skill design-init-zalman0813

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill addresses the need for creating a Google-spec DESIGN.md file from various sources, such as Anthropic design shares, local markup, brand briefs, or a blank skeleton.

Core Features & Use Cases

  • Design Bootstrap: Convert design sources into a DESIGN.md file compliant with Google's open-source spec.
  • Input Modes: Supports Anthropic design shares, local markup, brand briefs, and blank skeletons.
  • Suggestion and Reference: Suggests which stack skill should reference the created DESIGN.md.

Quick Start

Run the design-init skill with the 'anthropic-share' mode and provide the URL of your Anthropic design share.

Frequently Asked Questions about design-init

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

FAQPage Schema
How do I create a DESIGN.md file from an Anthropic design share?▼

To create a DESIGN.md file from an Anthropic design share, provide the share URL to the design-init skill. It converts the design source materials into a Google-spec DESIGN.md file with frontmatter and a markdown body.

What sources can I use to bootstrap a DESIGN.md file?▼

You can bootstrap a DESIGN.md file using Anthropic design shares, local markup, brand briefs, or a blank skeleton. The skill requires you to select a source and provide the relevant design details for conversion.

Does the DESIGN.md output follow the Google open-source spec?▼

Yes, the generated DESIGN.md output follows the Google open-source spec. The skill produces a single file containing frontmatter and a markdown body compliant with this specification.

How do I generate a design skeleton for a new branding project?▼

To generate a design skeleton for a new branding project, use the blank skeleton input mode. The skill initializes a standard DESIGN.md file that you can populate with your project's specific brand brief details.

Can I convert local markup into a Google-spec DESIGN.md file?▼

Yes, you can convert local markup into a Google-spec DESIGN.md file. The skill accepts local markup as an input source, transforms it, and outputs the structured markdown file with proper frontmatter.

Will the skill suggest which stack skill should reference my new DESIGN.md?▼

Yes, the skill suggests which stack skill should reference your newly created DESIGN.md. This recommendation helps integrate the design document into your broader project workflow and technical stack.

Related Skills

Explore More Design & Creative Skills→
tradingstrategy-aitradingstrategy-ai
823

extract-project-logo

Locates and downloads official SVG project logos to a specified path.

Official
Basic
TugoukezhangTugoukezhang
8

awesome-design-md

Load a brand-specific DESIGN.md from references/ and output it to the project root.

Community
Intermediate
shakhovskiya-createshakhovskiya-create

design-md

Creates a DESIGN.md with machine-readable frontmatter and exports tokens to Tailwind or CSS variables.

Community
Advanced
marcogonzalomarcogonzalo
1

veta-design-md

Generate DESIGN.md from globals.css and layout.tsx token values.

Community
Intermediate