designer-skill

designer-skill is a skill for Claude Code, Codex from PyModel/pythinker-cli. It costs 72 tokens per session (484 once invoked), scanned A, original, Apache-2.0.

A set of design guidelines and connected reference tools for improving web pages and components. It helps apply a design system, choose relevant design guidance, and check the result before delivery.

In plain words
What is it for?
It helps inspect existing design documentation, load relevant references, apply design changes, route unclear design requests, and run a final interface-quality checklist.
Why use it?
It gives frontend work a consistent review process and helps catch unfinished or inconsistent interface details.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit It helps inspect existing design documentation, load relevant references, apply design changes, route unclear design requests, and run a final interface-quality checklist.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/pymodel/pythinker-cli/designer-skill
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.

Any agent
npx skills add PyModel/pythinker-cli --skill designer-skill
Clone the repo
git clone --depth 1 https://github.com/PyModel/pythinker-cli

Made for: Claude Code, 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 designer-skill

README.md
[![agentmods](https://agentmods.dev/badge/skills/pymodel/pythinker-cli/designer-skill/github.svg)](https://agentmods.dev/skills/pymodel/pythinker-cli/designer-skill)
Your own site
<a href="https://agentmods.dev/skills/pymodel/pythinker-cli/designer-skill"><img src="https://agentmods.dev/badge/skills/pymodel/pythinker-cli/designer-skill/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for designer-skill

Your own site · 80×15
<a href="https://agentmods.dev/skills/pymodel/pythinker-cli/designer-skill"><img src="https://agentmods.dev/badge/skills/pymodel/pythinker-cli/designer-skill.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 72 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 484 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.
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.00072 $0.00484
Opus 5.5 $0.00029 $0.00194
Sonnet 5.5 $0.00014 $0.00097
Haiku 4.5 $0.00007 $0.00048

Measured 1mo ago against content hash 6c8748b9f84e, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

designer-skill 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 1mo 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.

src/pythinker_code/skills/designer-skill/SKILL.md · 44 lines

What it actually says

designer-skill (MCP)

designer-skill is not a filesystem workflow skill. It is delivered by the connected designer-skill MCP server. After reading this stub, call the MCP tools below — do not call ReadSkill again for the same name.

Required MCP tools

Call these by their registered tool keys (mcp__designer-skill__<tool>):

Step Tool Purpose
1 get_design_system Session preflight, precedence rules, routing map, ship-gate overview
2 get_reference Load the specific reference file the task needs
3 dispatch_intent Route ambiguous design requests to the right reference/workflow
4 apply_designer Apply prescriptive design moves to the scoped surface
5 anti_slop_checklist Mandatory ship gate before declaring frontend work done

If a tool is missing, check /mcp — the server may still be connecting.

Session preflight

Before editing UI:

  1. Read project design sources when present (DESIGN.md, PRODUCT.md, or equivalent).
  2. Call get_design_system first.
  3. Pull only the references the scoped surface needs via get_reference.
  4. Implement changes; run anti_slop_checklist before finishing.

Common aliases

These names refer to the same MCP integration — always use MCP tools, not ReadSkill:

  • designer-skill
  • designer-skill:designer-skill (plugin-style slash autocomplete)
  • "use designer-skill mcp" / "designer mcp"

When MCP is unavailable

If /mcp shows designer-skill disconnected, run pythinker mcp to configure/auth it. Do not substitute ad-hoc design advice for the MCP workflow when the user explicitly requested designer-skill.

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. 1mo ago First seen · 44 lines · 72 tokens per session scan A 6c8748b9f84e

Subscribe to this mod's changes

designer-skill is a skill published in the GitHub repository PyModel/pythinker-cli (21 stars, last pushed 3d ago), licensed Apache-2.0. It adds 72 tokens to every session and 484 once invoked, about $0.0003 per session on Opus 5.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

code-guidelines-go

Go 1.24–1.27 coding guidelines for the dimetron/pi-go AI agent runtime. Use this skill whenever writing, reviewing, or refactoring ANY Go code in pi-go. This covers idiomatic style, error handling, concurrency, project layout, testing (table-driven, fuzz, benchmarks, synctest), new stdlib usage, golangci-lint v2…

dimetron/pi-go · 124 tokens

design-review

Deep design review of Go codebase — naming, structure, consistency, interfaces, error handling. Scores each dimension and provides actionable fixes.

dimetron/pi-go · 30 tokens

vhs-e2e-gif

Record a test run, a TUI session, or any terminal command as a GIF with VHS and attach it to a GitHub PR as a release-hosted asset, never a repo commit. Use when asked to record an e2e run, demo a fix on a PR, attach a GIF or screen recording to a pull request, show a test passing visually, or produce a terminal…

dimetron/pi-go · 106 tokens

agents-md

Generate AGENTS.md files for Go, Rust, TypeScript, and Java projects. Use this skill whenever the user asks to create, scaffold, bootstrap, update, or review an AGENTS.md (or agent-instructions, CLAUDE.md, repo guide for agents) file in a codebase. Also trigger when the user says "add AGENTS.md", "make this repo…

dimetron/pi-go · 138 tokens

crossreview

Run when the user invokes /crossreview (or /crossreview:setup to choose the reviewers) or asks for a cross-review, a quorum review or a second opinion from other agents or models: fan a code review (uncommitted work, a branch, a commit range, files, a plan or a document) out to several console code agents (Claude…

coddy-project/coddy-agent · 204 tokens

code-review-pi

Review code for quality, run linters, check test coverage, fix issues, and enforce gates. Save the final report to ./specs/issues/003-code-review-pi/PROMPT.md. Use before committing changes.

dimetron/pi-go · 50 tokens