design-ai AGENTS.md

design-ai AGENTS.md is an instructions file for Codex, OpenCode from Khalidabdi1/design-ai. It costs 337 tokens per session, scanned A, original, MIT.

Repository instructions for design-ai, a collection of company design-system documents. They explain how to add a company by fetching its website and recording its visual style, components, layout, and responsive behavior.

In plain words
What is it for?
Use them to add a company design directory, collect details from its live website, write the required DESIGN.md sections, and commit the documentation.
Why use it?
They provide a consistent process for researching a website and documenting its design so the resulting files follow the same structure.

Instructions file for CodexOpenCode

Written for Codex and OpenCode: the file is AGENTS.md. Also seen: mentions AGENTS.md.

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add instructions/khalidabdi1/design-ai/agents-md
Clone the repo
git clone --depth 1 https://github.com/Khalidabdi1/design-ai

Made for: Codex, OpenCode.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for design-ai AGENTS.md

README.md
[![agentmods](https://agentmods.dev/badge/instructions/khalidabdi1/design-ai/agents-md.svg)](https://agentmods.dev/instructions/khalidabdi1/design-ai/agents-md)
Your own site
<a href="https://agentmods.dev/instructions/khalidabdi1/design-ai/agents-md"><img src="https://agentmods.dev/badge/instructions/khalidabdi1/design-ai/agents-md.svg" alt="Measured on agentmods" height="20"></a>
Per session 337 This file is loaded in full into every session.
When invoked 337 The same file — it is already loaded in full.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00337 $0.00337
Opus 5 $0.00169 $0.00169
Sonnet 5 $0.00067 $0.00067
Haiku 4.5 $0.00034 $0.00034

Measured 6d ago against content hash 5a4a44d6ba43, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

design-ai AGENTS.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

AGENTS.md · 48 lines

What it actually says

AGENTS.md - design-ai

How to Add a New Company

# 1. Create directory
mkdir design-md/[company-name]/

# 2. Fetch target website
webfetch https://[company].com

# 3. Create DESIGN.md (see format below)

# 4. Commit and push
git add design-md/[company-name]/
git commit -m "Add [Company] design system docs"
git push

DESIGN.md Format (9 sections)

Every file must follow this structure:

  1. Visual Theme & Atmosphere - Mood, density, aesthetic philosophy
  2. Color Palette & Roles - Token name + hex + functional role
  3. Typography Rules - Font stack, type scale table
  4. Component Stylings - Buttons, cards, inputs with CSS snippets
  5. Layout Principles - Spacing scale, grid, responsive approach
  6. Depth & Elevation - Shadow system, surface hierarchy
  7. Do's and Don'ts - Design guardrails
  8. Responsive Behavior - Breakpoints, touch targets
  9. Agent Prompt Guide - Quick reference + prompt snippet

Use the webfetch tool to collect colors, typography, and components directly from each company's live website.

Directory Structure

design-md/
├── company-1/DESIGN.md
├── company-2/DESIGN.md
└── ... (38 companies total)

Git Conventions

  • Commit message: "Add [Company] design system docs"
  • No branch protection - push directly to main
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago First seen · 48 lines · 337 tokens per session scan A 5a4a44d6ba43

Subscribe to this mod's changes

design-ai AGENTS.md is an instructions file published in the GitHub repository Khalidabdi1/design-ai (233 stars, last pushed yesterday), licensed MIT. It adds 337 tokens to every session, about $0.0017 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other instructions, from other repositories

vscode buildNext.instructions.md

Working notes and architecture documentation for the new esbuild-based build system in build/next. Use when making changes to the new build pipeline (transpile/bundle commands, NLS plugin, source-map handling, resource copying, or self-hosting watch tasks).

microsoft/vscode · 6,785 tokens

spec-kit AGENTS.md

AGENTS.md instructions for github/spec-kit, covering agents.md, about spec kit and specify, quickstart — add a new integration in 5 steps, integration architecture and integrationmanifest — file tracking.

github/spec-kit · 7,104 tokens

next.js AGENTS.md

AGENTS.md instructions for vercel/next.js, covering next.js development guide, codebase structure, monorepo overview, core package: packages/next and other important packages.

vercel/next.js · 7,296 tokens

codex AGENTS.md

AGENTS.md instructions for openai/codex, covering rust/codex-rs, the codex-core crate, code review rules, crate api surface and model visible context.

openai/codex · 5,182 tokens

vscode oss-third-party-notices.instructions.md

Instructions for microsoft/vscode, covering vs code oss third-party-notices pipeline, architecture, pipeline flow in ci, applying the notice (cutover) and fallback chain (never fail the build).

microsoft/vscode · 5,001 tokens

langchain AGENTS.md

AGENTS.md instructions for langchain-ai/langchain, covering global development guidelines for the langchain monorepo, corridor security analysis, project architecture and context, monorepo structure and development tools & commands.

langchain-ai/langchain · 4,469 tokens