design-philosophy

design-philosophy is a skill for Claude Code from connerkward/ckw-design-skill. It costs 42 tokens per session (397 once invoked), scanned A, original, MIT.

A set of guidelines for directing the visual style of frontend work, especially high-concept projects and campaigns. It helps define a named artistic movement and express it through layout, color, materials, scale, rhythm, and visual hierarchy.

In plain words
What is it for?
Use it to create a visual philosophy, write a design manifesto, or guide an unmistakable art-like frontend aesthetic.
Why use it?
It gives an artistic project a clear visual direction instead of leaving each design choice disconnected or generic. It also keeps text brief so the design carries more of the message.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Part of the ckw-design plugin — 7 skills shipped together

Good fit Use it to create a visual philosophy, write a design manifesto, or guide an unmistakable art-like frontend aesthetic.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/connerkward/ckw-design-skill/design-philosophy
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 connerkward/ckw-design-skill --skill design-philosophy
Clone the repo
git clone --depth 1 https://github.com/connerkward/ckw-design-skill

Made for: Claude Code.

Or install ckw-design, the plugin that ships this one along with the rest of its 7 skills.

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

README.md
[![agentmods](https://agentmods.dev/badge/skills/connerkward/ckw-design-skill/design-philosophy/github.svg)](https://agentmods.dev/skills/connerkward/ckw-design-skill/design-philosophy)
Your own site
<a href="https://agentmods.dev/skills/connerkward/ckw-design-skill/design-philosophy"><img src="https://agentmods.dev/badge/skills/connerkward/ckw-design-skill/design-philosophy/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 design-philosophy

Your own site · 80×15
<a href="https://agentmods.dev/skills/connerkward/ckw-design-skill/design-philosophy"><img src="https://agentmods.dev/badge/skills/connerkward/ckw-design-skill/design-philosophy.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 42 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 397 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.00042 $0.00397
Opus 5.5 $0.00017 $0.00159
Sonnet 5.5 $0.00008 $0.00079
Haiku 4.5 $0.00004 $0.00040

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

Security

Grade A, and why

design-philosophy 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.

design-philosophy/SKILL.md · 24 lines

What it actually says

Design philosophy

Apply with design for high-concept work, campaigns, or when the user asks for a visual philosophy, manifesto, or art-like aesthetic. This skill guides creating a named movement and expressing it visually.

Visual philosophy (when creating "art" or high-concept work)

  1. Name the movement (1–2 words): e.g. "Brutalist Joy," "Chromatic Silence," "Metabolist Dreams."
  2. Articulate in 4–6 paragraphs how the philosophy manifests through: space and form; color and material; scale and rhythm; composition and balance; visual hierarchy. Avoid redundancy; each aspect once.
  3. Craftsmanship: Stress that the work should look meticulously crafted, labored over with care, the product of deep expertise — "painstaking attention," "master-level execution." Repeat this framing.
  4. Minimal text: Information lives in design, not paragraphs. Text sparse and essential; integrated as visual element.
  5. Creative space: Be specific about direction but concise so the executor can make high-level interpretive choices with the same level of craft.

For philosophy examples, see reference.md. The numbered checklist above is the canonical generation procedure.

Deducing the subtle reference

Before building: identify one subtle conceptual thread from the request. The topic is a subtle, niche reference embedded in the work — not literal, always sophisticated. Someone familiar with the subject should feel it intuitively; others experience a strong abstract composition. Weave it into form, color, and composition. "Jazz quote" principle: only those who know catch it; everyone benefits.

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. 1mo ago First seen · 24 lines · 42 tokens per session scan A 724369f28494

Subscribe to this mod's changes

design-philosophy is a skill published in the GitHub repository connerkward/ckw-design-skill (9 stars, last pushed 4mo ago), licensed MIT. It adds 42 tokens to every session and 397 once invoked, about $0.0002 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-31.

Related

Other skills, from other repositories

design-spatial

Spatial composition and layout for frontend design. Load with design when composing pages/dashboards/components, or whenever generated UI looks off — overlapping/colliding elements, weak hierarchy, or generic ("looks like every startup site"). The core idea: a model can't trust its own layout, so render it, critique…

connerkward/deterministic-design-skill · 0 tokens

lookdev

When the user says "lookdev" (or asks to tune/dial/iterate on the look of something, OR to review/edit/annotate a blog post, doc, copy, or media), stand up a local interactive studio — live controls (sliders, pickers, drag handles) for visual params, OR direct inline editing + highlight + margin comments + media…

connerkward/lookdev-studio-skill · 115 tokens

design-ux

UX / usability audit — heuristic evaluation of INTERACTIVE UIs (not just visual polish). Load with design when a UI "feels off", "sucks to use", is hard to learn, needs an instruction wall, or before shipping an interactive tool/editor/app. Scores the RENDERED UI against Nielsen's 10 + interaction heuristics via a…

connerkward/deterministic-design-skill · 112 tokens

deterministic-design

Deterministic, measurable design verification — render the UI and PROVE it's balanced and usable instead of trusting the model's eye. Layout audit (centroid / optical-center / pixel-oracle balance via deterministic math, annotated screenshot) + a vision-judged Nielsen usability audit by a SEPARATE fresh-eyes judge.…

connerkward/deterministic-design-skill · 114 tokens

screenstudio-alt

Screen-Studio-style post-production for screen recordings, headless — auto speed-up of idle, auto-zoom on click clusters, keystroke overlay chips, smoothed synthetic cursor, and 9:16 vertical export that follows the action. Use when polishing a screen recording / demo video for sharing, when the user mentions Screen…

connerkward/screenstudio-alt-skill · 104 tokens

lookdev-auto

Tune a visual/animation/render parameter by eye using a VISION or VIDEO model as the judge — render several labeled variants into ONE artifact, ask the model to rate them and suggest better values, render the suggestions, ask it to pick the best, repeat until good. Use whenever "looks/feels right" is the success…

connerkward/lookdev-auto-skill · 120 tokens