design-extract

design-extract is a skill for Codex from radustefandumitru/overdrive. It costs 0 tokens per session (681 once invoked), scanned A, original, no licence file.

A guide for studying an existing website’s visual style, including its colors, fonts, spacing, reusable interface parts, and design tokens.

In plain words
What is it for?
Use it when rebuilding an authorized website or creating a similar interface with tools such as Tailwind or shadcn.
Why use it?
It helps turn a website’s look into practical design and implementation notes without relying only on visual guesswork.

Skill for Codex

Written for Codex: agents/openai.yaml present.

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 skills/radustefandumitru/overdrive/design-extract
Any agent
npx skills add radustefandumitru/overdrive --skill design-extract
Clone the repo
git clone --depth 1 https://github.com/radustefandumitru/overdrive

Made for: Codex.

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-extract

README.md
[![agentmods](https://agentmods.dev/badge/skills/radustefandumitru/overdrive/design-extract.svg)](https://agentmods.dev/skills/radustefandumitru/overdrive/design-extract)
Your own site
<a href="https://agentmods.dev/skills/radustefandumitru/overdrive/design-extract"><img src="https://agentmods.dev/badge/skills/radustefandumitru/overdrive/design-extract.svg" alt="Measured on agentmods" height="20"></a>
Per session 0 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 681 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin unknown 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.00000 $0.00681
Opus 5 $0.00000 $0.00341
Sonnet 5 $0.00000 $0.00136
Haiku 4.5 $0.00000 $0.00068

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

Security

Grade A, and why

design-extract 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 5d 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.

skills/design-extract/SKILL.md · 66 lines

The source is not reproduced here

A licence we could not identify

The repository carries a LICENSE file, but it is custom or dual enough that GitHub cannot name it and neither can this catalogue. Unknown terms are not permission, so the body is not copied here. Read the licence at the source and decide for yourself.

Read it on GitHub

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

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. 5d ago First seen · 66 lines · 0 tokens per session scan A b9a3534b6b05

Subscribe to this mod's changes

design-extract is a skill published in the GitHub repository radustefandumitru/overdrive (18 stars, last pushed 1mo ago), with no licence file. It costs nothing until one of its globs matches a file; then it loads 681 tokens. 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 skills, from other repositories

lov-maintain-partners

Maintain the Skill Publisher website's partners section AND align partner logo rows on event posters / hero strips: reuse lov-find-logo for brand logo discovery, normalize collected logos to a 240px-tall content canvas (retina-ready), rasterize SVGs via rsvg-convert before normalizing (so SVG viewBox padding gets…

lovstudio/skills · 294 tokens

lov-mobile-adapt

Adapt an existing web project for mobile devices: fix overflow, add responsive layouts, convert to multi-level page navigation with back support, handle notch/Dynamic Island safe areas, fix 100vh browser chrome issues, and optimize touch targets. Trigger when user says "mobile adapt", "移动端适配", "responsive…

lovstudio/skills · 105 tokens

lov-oh-my-landingpage

从产品与品牌事实出发,独立推导适合当前产品的定位、叙事与视觉,并完成 Landing Page 实现、响应式和生产回读;适用于创建官网、品牌官网重构、产品价值不清或视觉与产品不匹配。.

lovstudio/skills · 67 tokens

visual-verification

Verify UI work by actually looking at rendered screenshots before claiming it works. Use whenever building, changing, reviewing, or debugging anything visual — layout, styling, animation, theming, canvas/WebGL art, icons, or any "does this look right" question. Also use when a UI change is reported broken, or when…

AkshitIreddy/agent-skills · 73 tokens

web-performance-optimization

Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize…

fcakyon/claude-codex-settings · 97 tokens

anthropic-frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

fcakyon/claude-codex-settings · 43 tokens