Design System Generate
mohitagw15856/pm-claude-skills
Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.
Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale…
$ npx skills add alexandremendoncaalvaro/CorridorKey-Runtime --skill ad-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install alexandremendoncaalvaro/CorridorKey-Runtime ad-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/ad-design .claude/skills/ad-design && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ad-design" agent skill from https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime/tree/main/.agents/skills/ad-design into .claude/skills/ad-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ad-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime/tree/main/.agents/skills/ad-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add alexandremendoncaalvaro/CorridorKey-Runtime --skill ad-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install alexandremendoncaalvaro/CorridorKey-Runtime ad-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/ad-design .agents/skills/ad-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ad-design" agent skill from https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime/tree/main/.agents/skills/ad-design into .agents/skills/ad-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ad-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add alexandremendoncaalvaro/CorridorKey-Runtime --skill ad-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install alexandremendoncaalvaro/CorridorKey-Runtime ad-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/ad-design .cursor/skills/ad-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ad-design" agent skill from https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime/tree/main/.agents/skills/ad-design into .cursor/skills/ad-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ad-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime.git --path .agents/skills/ad-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add alexandremendoncaalvaro/CorridorKey-Runtime --skill ad-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install alexandremendoncaalvaro/CorridorKey-Runtime ad-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/ad-design .gemini/skills/ad-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ad-design" agent skill from https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime/tree/main/.agents/skills/ad-design into .gemini/skills/ad-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ad-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install alexandremendoncaalvaro/CorridorKey-Runtime ad-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add alexandremendoncaalvaro/CorridorKey-Runtime --skill ad-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/ad-design .github/skills/ad-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ad-design" agent skill from https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime/tree/main/.agents/skills/ad-design into .github/skills/ad-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ad-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add alexandremendoncaalvaro/CorridorKey-Runtime --skill ad-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install alexandremendoncaalvaro/CorridorKey-Runtime ad-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/ad-design .opencode/skills/ad-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ad-design" agent skill from https://github.com/alexandremendoncaalvaro/CorridorKey-Runtime/tree/main/.agents/skills/ad-design into .opencode/skills/ad-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ad-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
ad-designGenerate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale…
Ad Design is an agent skill from alexandremendoncaalvaro/CorridorKey-Runtime. Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale per the Google Labs design.md spec. Use when the user wants to bootstrap, scaffold, generate, document, or audit DESIGN.md (visual contract — colors, typography, spacing, motion). Frontend projects only.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).
It sits in Frontend & Design, covering Design tokens, CSS and styling and Typography. It works with Figma and Tailwind CSS. The repository describes itself as: Native AI keying runtime and OFX plugin for DaVinci Resolve, built in collaboration with Corridor Digital.
Read from SKILL.md and the folder at commit e632fa5. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
npxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Ad Design loads about 1.1k tokens when it runs. Until then it costs about 103 tokens; SKILL.md has 561 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 561 words (~1,112 tokens).
“Produces DESIGN.md at the repo root. Format: YAML frontmatter (W3C-compatible $value/$type tokens) + Markdown body (rationale, do's/don'ts) per the Google Labs design.md open standard.”
SKILL.md and 1 other file in .agents/skills/ad-design of alexandremendoncaalvaro/CorridorKey-Runtime.
Open the folder on GitHubat commit e632fa5
Ad Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Ad Design this skillalexandremendoncaalvaro/CorridorKey-Runtime | 756 | — | ~1.1k | Automated safety check: Pass | Custom licence | |
| Design System Generatemohitagw15856/pm-claude-skills | 1.4k | — | ~1.7k | Automated safety check: Pass | MIT | |
| Extract DesignManavarya09/design-extract | 4.2k | — | ~786 | Automated safety check: Notes | MIT | |
| Tailwind V4 Shadcnever-works/ever-works | 162 | 2 repos | ~3.8k | Automated safety check: Pass | MIT | |
| Using Ouds Web Version Major MinorOrange-OpenSource/Orange-Boosted-Bootstrap | 222 | — | ~4.2k | Automated safety check: Pass | MIT | |
| Design Token Generatordylanfeltus/skills | 179 | — | ~2.9k | Automated safety check: Pass | MIT |
mohitagw15856/pm-claude-skills
Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.
Manavarya09/design-extract
Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.
ever-works/ever-works
Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.
Orange-OpenSource/Orange-Boosted-Bootstrap
Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces.
dylanfeltus/skills
Generates type scales, color palettes, spacing systems, WCAG contrast checks and dark mode palettes from formulas, as CSS custom properties, a Tailwind config or JSON tokens.
lumose-health/GlycemicGPT
A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…
alexandremendoncaalvaro/CorridorKey-Runtime
Sweep completed plan files (tasks Status:done, specs Status:shipped, PRDs Status:superseded, ADRs Status:superseded or deprecated) out of the working tree and into git history via git rm.
alexandremendoncaalvaro/CorridorKey-Runtime
Atomic Conventional Commits with DCO Signed-off-by sign-off.
alexandremendoncaalvaro/CorridorKey-Runtime
Generate AGENTS.md at the repo root by scanning the codebase first, pre-filling placeholders from observed signals, and asking only the genuine gaps.
alexandremendoncaalvaro/CorridorKey-Runtime
Surface deepening opportunities in the codebase using the Ousterhout/Feathers vocabulary from WORKFLOW §8 (Module / Interface / Depth / Seam / Adapter / Leverage / Locality).
alexandremendoncaalvaro/CorridorKey-Runtime
Lazily create or update CONTEXT.md (Layer 2 — ubiquitous language per Evans 2003) at the repo root, or CONTEXT-MAP.md plus per-context CONTEXT.md for multi-context repos.
alexandremendoncaalvaro/CorridorKey-Runtime
Interview-before-research grilling session that challenges a fuzzy ask against the existing codebase, sharpens vocabulary against CONTEXT.md, and resolves the decision tree branch by branch.
Works with
Categories
Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale…. Ad Design is an agent skill from alexandremendoncaalvaro/CorridorKey-Runtime.md spec.
Ad Design fits situations like: the user wants to bootstrap; audit DESIGN.md (visual contract — colors.
Run `npx skills add alexandremendoncaalvaro/CorridorKey-Runtime --skill ad-design -a claude-code`. Or copy the skill folder (.agents/skills/ad-design in alexandremendoncaalvaro/CorridorKey-Runtime) into .claude/skills/ad-design in your project. Claude Code loads it when a task matches its description.
Run `npx skills add alexandremendoncaalvaro/CorridorKey-Runtime --skill ad-design -a codex`. Or copy the skill folder (.agents/skills/ad-design in alexandremendoncaalvaro/CorridorKey-Runtime) into .agents/skills/ad-design in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add alexandremendoncaalvaro/CorridorKey-Runtime --skill ad-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ad-design, .gemini/skills/ad-design, .github/skills/ad-design and .opencode/skills/ad-design in your project.
Going by SKILL.md and its folder, Ad Design needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Ad Design has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
About 1.1k tokens (SKILL.md is roughly 4.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Ad Design: Design System Generate (mohitagw15856/pm-claude-skills, 1.4k stars), Extract Design (Manavarya09/design-extract, 4.2k stars), Tailwind V4 Shadcn (ever-works/ever-works, 162 stars) and Using Ouds Web Version Major Minor (Orange-OpenSource/Orange-Boosted-Bootstrap, 222 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
alexandremendoncaalvaro (a GitHub user) maintains it in alexandremendoncaalvaro/CorridorKey-Runtime, which has 756 GitHub stars. The repository holds 26 skills in this directory. The repository was last updated on August 5, 2026.
Source: alexandremendoncaalvaro/CorridorKey-Runtime on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.