DEDUPED Hot AI repos. Real use cases. What people build. Get the Monday 5

How to fork the skill and swap in your own brand fonts and colors with AI Design Skills

Edit the one design values section in a fork so every page the agent builds uses your brand.

Short answer: Fork elayadesign/ai-design-skills on GitHub; then open skills/landing-page-design/SKILL.md and find the design values section near the bottom; Change fonts, colors, spacing and motion; the rest of the skill follows automatically. All steps.

  • Content
  • Beginner
  • 20 minutes
  • From the README
  • Codex
  • Claude Code

Who it is forA small studio that wants agent-built pages to match their house style every time.

The problemDefault design values make every agent-built page look like the skill author's taste, not yours.

The outcomeA forked skill whose fonts, colors, spacing and motion match your brand, used by Codex, Windsurf or Claude Code.

What you need first

  • An AI coding tool that reads a markdown rules file: Claude Code, Cursor, Codex, Windsurf or Cline
  • git or curl to copy the skill
  • Optional: Claude.ai Projects if you have no terminal

Steps

  1. Fork elayadesign/ai-design-skills on GitHub
  2. Open skills/landing-page-design/SKILL.md and find the design values section near the bottom
  3. Change fonts, colors, spacing and motion; the rest of the skill follows automatically
  4. Copy the edited SKILL.md into AGENTS.md for Codex, .windsurfrules for Windsurf or .clinerules for Cline
  5. Build one test page and compare it with your brand guide

Prompt for your agent

In my fork of elayadesign/ai-design-skills, set the design values section of landing-page-design to these brand values: <fonts, colors, spacing>. Then copy it into AGENTS.md and build a test landing page for <product>.

Caveat.

Use this in your AI agent

Ask your agent

Using the Deduped MCP, get the setup steps for elayadesign/ai-design-skills and "Fork the skill and swap in your own brand fonts and colors"

Add Deduped to Claude Code once

claude mcp add --transport http deduped https://dedupedai.com/mcp

Cursor, ChatGPT, others

Share: X LinkedIn Hacker News Email Copy link

Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer