
Rani Haddad
13.5K posts










Introducing Roughdraft! A new open source project designed to make collaboration with agents better. The idea is to bring commenting and suggested changes to markdown (e.g. plan docs) in a nice interface. Free, local, etc. 👉 roughdraft.md 👈





give your agent your brand identity. it can spit out on-brand slides, templates, proposals, presentations, lookbooks, IG posts in Figma whenever you ask. replace your design agency. using the @GoogleLabs design.md spec + the @figma MCP with my @NousResearch hermes agent (btw his name is ghost @clawdbot67 👻) 8-min walkthrough 👇 Timeline 0:00 — intro — brand identity → AI artifacts 0:33 — @levie: models and agents need an operator 1:27 — Google's design.md spec (just open-sourced) 2:00 — step 1 — create your own design.md skill 2:45 — step 2 — connect the Figma MCP 3:24 — step 3 — agent populates Figma tokens + variables 4:55 — test run — Stuxnet cybersecurity slide 5:20 — recap of the slide structure 6:15 — output uses all the brand identity colors 6:53 — live edit — swap black to gray 7:11 — works for proposals, graphics, any artifact 7:40 — production-quality output, ready to share


give your agent your brand identity. it can spit out on-brand slides, templates, proposals, presentations, lookbooks, IG posts in Figma whenever you ask. replace your design agency. using the @GoogleLabs design.md spec + the @figma MCP with my @NousResearch hermes agent (btw his name is ghost @clawdbot67 👻) 8-min walkthrough 👇 Timeline 0:00 — intro — brand identity → AI artifacts 0:33 — @levie: models and agents need an operator 1:27 — Google's design.md spec (just open-sourced) 2:00 — step 1 — create your own design.md skill 2:45 — step 2 — connect the Figma MCP 3:24 — step 3 — agent populates Figma tokens + variables 4:55 — test run — Stuxnet cybersecurity slide 5:20 — recap of the slide structure 6:15 — output uses all the brand identity colors 6:53 — live edit — swap black to gray 7:11 — works for proposals, graphics, any artifact 7:40 — production-quality output, ready to share

give your agent your brand identity. it can spit out on-brand slides, templates, proposals, presentations, lookbooks, IG posts in Figma whenever you ask. replace your design agency. using the @GoogleLabs design.md spec + the @figma MCP with my @NousResearch hermes agent (btw his name is ghost @clawdbot67 👻) 8-min walkthrough 👇 Timeline 0:00 — intro — brand identity → AI artifacts 0:33 — @levie: models and agents need an operator 1:27 — Google's design.md spec (just open-sourced) 2:00 — step 1 — create your own design.md skill 2:45 — step 2 — connect the Figma MCP 3:24 — step 3 — agent populates Figma tokens + variables 4:55 — test run — Stuxnet cybersecurity slide 5:20 — recap of the slide structure 6:15 — output uses all the brand identity colors 6:53 — live edit — swap black to gray 7:11 — works for proposals, graphics, any artifact 7:40 — production-quality output, ready to share

give your agent your brand identity. it can spit out on-brand slides, templates, proposals, presentations, lookbooks, IG posts in Figma whenever you ask. replace your design agency. using the @GoogleLabs design.md spec + the @figma MCP with my @NousResearch hermes agent (btw his name is ghost @clawdbot67 👻) 8-min walkthrough 👇 Timeline 0:00 — intro — brand identity → AI artifacts 0:33 — @levie: models and agents need an operator 1:27 — Google's design.md spec (just open-sourced) 2:00 — step 1 — create your own design.md skill 2:45 — step 2 — connect the Figma MCP 3:24 — step 3 — agent populates Figma tokens + variables 4:55 — test run — Stuxnet cybersecurity slide 5:20 — recap of the slide structure 6:15 — output uses all the brand identity colors 6:53 — live edit — swap black to gray 7:11 — works for proposals, graphics, any artifact 7:40 — production-quality output, ready to share














