creator.skill: Skill for Codex

.agents/skills/design-brief-builder/SKILL.md

design-brief-builder is a skill for Codex from arctan303/creator.skill. It costs 78 tokens per session (600 once invoked), scanned A, original, MIT.

A workflow for turning subjective design requests such as “modern” or “simple” into specific, testable visual and interaction rules. It records those decisions in a design brief for a new product or product change.

In plain words
What is it for?
Use it to define colors, typography, spacing, layout, components, interaction states, responsive behavior, and accessibility requirements when a product needs new or changed design rules.
Why use it?
It replaces unclear aesthetic language with choices developers can implement and reviewers can verify. It also makes the reasons, trade-offs, responsive rules, states, and accessibility expectations explicit.

Skill for Codex

Written for Codex: agents/openai.yaml present. Also seen: installed under .agents/ (shared by several agents).

This is arctan303/creator.skill's own configuration. It tells Codex how to work on creator.skill itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything creator.skill configures →

Reuse

Borrowing it

Nothing to install: this file belongs to arctan303/creator.skill. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/arctan303/creator.skill/main/.agents/skills/design-brief-builder/SKILL.md
Clone the repo
git clone --depth 1 https://github.com/arctan303/creator.skill

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-brief-builder

README.md
[![agentmods](https://agentmods.dev/badge/skills/arctan303/creator.skill/design-brief-builder.svg)](https://agentmods.dev/skills/arctan303/creator.skill/design-brief-builder)
Your own site
<a href="https://agentmods.dev/skills/arctan303/creator.skill/design-brief-builder"><img src="https://agentmods.dev/badge/skills/arctan303/creator.skill/design-brief-builder.svg" alt="Measured on agentmods" height="20"></a>
Per session 78 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 600 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
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.00078 $0.00600
Opus 5 $0.00039 $0.00300
Sonnet 5 $0.00016 $0.00120
Haiku 4.5 $0.00008 $0.00060

Measured yesterday against content hash ce5819a5a70d, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-07, from the pricing page.

Security

Grade A, and why

design-brief-builder 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 yesterday.

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/skills/design-brief-builder/SKILL.md · 52 lines

What it actually says

设计规范技能 (design-brief-builder)

Purpose

把“高级、简洁、现代”等主观表达转成可实施、可验证且有场景理由的视觉与交互规则。

Trigger

  • 0→1 产品需要建立视觉或交互规则。
  • 产品变更需要新增或改变既有视觉、品牌或交互规则。
  • 现有 Product Spec 已足以说明产品目标、用户和核心场景。

恢复既有视觉行为属于维护路线,不重新定义风格。

Required context

  • 相关可验收需求,来自现有 Spec、等价文件或用户明确确认。
  • 用户、场景、平台和使用环境。
  • 用户给出的风格词、品牌线索、截图、参考产品或反例。
  • 已有 Design Brief 或设计系统(如果存在)。

Workflow

  1. 先解释主观词在当前产品语境中的具体含义。
  2. 存在多种合理方向时,给出 2~3 个差异明确、含理由与代价的候选方向,只追问当前最关键的选择。
  3. 将选定方向写成“设计意图 → 决策 → 参数 → 理由/代价 → 验证检查点”。
  4. 只更新本次受影响的视觉、交互与可访问性,不为局部改动重做完整设计。
  5. 原位更新已有设计规范,标记旧决定替代关系,联动相关需求和活跃任务;不创建重复副本。

Output

  • 已确认设计事实、临时假设和待确认项。
  • 被选择及被放弃的方向与原因。
  • 可执行的设计变量、关键状态和验收检查点。
  • docs/Design-Brief.md 或项目约定的等价文件。

Stop or escalate

  • 产品目标或相关行为仍不可验收时补齐需求;已有明确选择时不因缺少同名 Spec 文件阻塞。
  • 设计选择会改变产品范围或业务流程:升级为产品变更。
  • 参考图未说明喜欢或排斥的具体点:最多追问一个高信息量问题。
  • 多个风格要求互相冲突且无法建立临时假设:停止并请求选择。

References

执行前读取 stage-contract.md

Files

What ships with it

2 files 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. yesterday Changed ce5819a5a70d
  2. 8d ago First seen · 52 lines · 78 tokens per session scan A 87756fb19196

Subscribe to this mod's changes

design-brief-builder is a skill published in the GitHub repository arctan303/creator.skill (20 stars, last pushed 2d ago), licensed MIT. It adds 78 tokens to every session and 600 once invoked, about $0.0004 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 skills, from other repositories

design-drawing-svg-md

Use when converting vector PDF engineering drawings (steel-structure shop drawings, A0 drawings, linework-only PDFs without a text layer) into LLM-consumable dual-carrier records — semantic Markdown reading thread plus layered SVG geometry archive linked by shared IDs and crosswalk.

znlgis/opengis-skills · 61 tokens

unmachined

Finds and removes AI slop from prose, UX copy, and web interfaces. Use when writing, auditing, or revising articles, posts, READMEs, marketing copy, UI copy, layouts, or frontend code that must not feel AI-generated; when the user says unmachined, de-slop, AI slop, anti-slop, humanize, make this human, sounds like AI…

0xNyk/unmachined · 198 tokens

diagram-render

Renders network diagrams, flowcharts, and infrastructure diagrams as PNG images using SVG generation and sharp. Use when the agent needs to output a network diagram, system architecture, flowchart, or infrastructure map as a viewable image. Triggers on: "make a diagram", "render this network", "show infrastructure as…

LFTPadilla/agent-dev-kit · 82 tokens

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

UnicomAI/wanwu · 59 tokens

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

UnicomAI/wanwu · 77 tokens

frontend-dev

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages…

UnicomAI/wanwu · 87 tokens