theme-factory

theme-factory is a skill for Claude Code, Codex from hotovo/aider-desk. It costs 53 tokens per session (3,256 once invoked), scanned A, original, Apache-2.0.

A workflow for adding new colour themes to AiderDesk, including the theme's colours, its name in the settings, and translations for that name. Themes are appearance presets such as light or dark modes.

In plain words
What is it for?
Use it when adding, registering, translating, or customizing AiderDesk themes and light or dark appearance variants.
Why use it?
It shows where each part of a theme belongs, so a new colour scheme does not require searching through unrelated application files.

Skill for Claude CodeCodex

Which agent this was written for is unclear — built for aider. Also seen: mentions subagents; built for aider.

Good fit Use it when adding, registering, translating, or customizing AiderDesk themes and light or dark appearance variants.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/hotovo/aider-desk/theme-factory
About the project

AiderDesk is an open-source desktop platform that coordinates AI-assisted software development around the Aider coding tool, letting engineers inspect and control proposed changes. It is for professional developers who want AI help while retaining their existing editor, terminal, and Git workflow. Catalogue add-ons extend its controlled development workflow.

hotovo/aider-desk · 1,423 stars · on GitHub · aiderdesk.hotovo.com

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 hotovo/aider-desk --skill theme-factory
Clone the repo
git clone --depth 1 https://github.com/hotovo/aider-desk

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 theme-factory

README.md
[![agentmods](https://agentmods.dev/badge/skills/hotovo/aider-desk/theme-factory/github.svg)](https://agentmods.dev/skills/hotovo/aider-desk/theme-factory)
Your own site
<a href="https://agentmods.dev/skills/hotovo/aider-desk/theme-factory"><img src="https://agentmods.dev/badge/skills/hotovo/aider-desk/theme-factory/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 theme-factory

Your own site · 80×15
<a href="https://agentmods.dev/skills/hotovo/aider-desk/theme-factory"><img src="https://agentmods.dev/badge/skills/hotovo/aider-desk/theme-factory.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 53 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,256 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 warn 7 Sept 2026
SkillSpector: 1 finding, up to medium

These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →

  • medium Excessive Agency · line 218
    Skill enables autonomous high-impact decisions without human-in-the-loop verification. Critical operations (destructive commands, financial transactions, data deletion) should require explicit user confirmation.
    Fix: Add human-in-the-loop confirmation for destructive, irreversible, or high-impact operations. Never auto-execute commands that modify files, send data, or alter system state.
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.00053 $0.03256
Opus 5 $0.00026 $0.01628
Sonnet 5 $0.00011 $0.00651
Haiku 4.5 $0.00005 $0.00326

Measured 13d ago against content hash 4c03736727f5, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

theme-factory 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 13d 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.

.aider-desk/skills/theme-factory/SKILL.md · 270 lines

How it starts

The opening of the file, as written. The whole thing — 270 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Theme Factory

Use this skill when you need to add a new theme to AiderDesk.

AiderDesk themes are implemented as SCSS files that define a .theme-<name> class with a full set of CSS custom properties (variables). The UI uses Tailwind utilities mapped to these CSS variables.

Where themes live

  • Theme files: src/renderer/src/themes/theme-<name>.scss
  • Theme aggregator (imports all themes): src/renderer/src/themes/themes.scss
  • Theme type registry: packages/common/src/types/common.ts (THEMES)
  • Theme selector UI: src/renderer/src/components/settings/GeneralSettings.tsx
  • Theme application: src/renderer/src/App.tsx (applies theme-<name> class to document.body)
  • Theme display names (i18n):
    • packages/common/src/locales/en.json (themeOptions.<name>)
    • packages/common/src/locales/zh.json (themeOptions.<name>)

Definition format

Each theme is a class:

  • Class name: .theme-<name>
  • Contents: a complete set of --color-* variables.

Best workflow: copy an existing theme (e.g. theme-dark.scss) and adjust values.

Checklist: add a new theme

1) Choose a theme name

Pick a kebab-case name, e.g. sunset, nord, paper.

You will reference it consistently in:

  • CSS class: .theme-<name>
  • filename: theme-<name>.scss
  • THEMES array value: '<name>'
  • i18n key: themeOptions.<name>

2) Create the theme SCSS file

Create:

  • src/renderer/src/themes/theme-<name>.scss

Start by copying a similar theme (dark -> dark-ish, light -> light-ish), then update the hex colors.

Minimum requirement: define all variables expected by the app.

Practical way to ensure completeness:

  • Compare with src/renderer/src/themes/theme-dark.scss (or another full theme)
  • Keep variable names identical; only change values.

3) Register the theme in the theme aggregator

Edit:

  • src/renderer/src/themes/themes.scss

Add:

@use 'theme-<name>.scss';

If the file is not imported here, it won’t be included in the built CSS.

Read the full file on GitHub · 270 lines

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. 13d ago First seen · 270 lines · 53 tokens per session scan A 4c03736727f5

Subscribe to this mod's changes

theme-factory is a skill published in the GitHub repository hotovo/aider-desk (1,423 stars, last pushed today), licensed Apache-2.0. It adds 53 tokens to every session and 3,256 once invoked, about $0.0003 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

icon-jetbrains

Create or review IntelliJ New UI SVG icons, theme variants, sizes, and palette.

Kilo-Org/kilocode · 23 tokens

icon-vscode

Create or review icons for Kilo's VS Code extension, webviews, and shared icon registry.

Kilo-Org/kilocode · 24 tokens

data-viz

Act as a Senior Data Visualization Designer for dashboards, analytics pages, and chart-driven UI built in Recharts / visx / D3 / Plotly — chart-type decision tree, dashboard layout heuristics, color-blind safe palettes, empty/loading/error states, library trade-offs. For a one-off chart or plot, prefer a…

rajitsaha/100xprism · 86 tokens

a11y-auditor

Act as a Senior Accessibility Engineer to audit a page, component, or design against WCAG 2.2 AA. Produces a triaged finding list (critical/serious/moderate), focus-order map, contrast report, ARIA decision tree, and a screen-reader test plan. Use when shipping new UI, hardening an existing flow, or preparing for…

rajitsaha/100xprism · 88 tokens

motion-designer

Act as a Senior Motion Designer to specify and ship purposeful UI animation — micro-interactions, transitions, scroll-driven sequences, page transitions, loading states. Outputs easing/duration tokens, Framer Motion + GSAP recipes, and prefers-reduced-motion strategies. For implementing with the Motion/Framer Motion…

rajitsaha/100xprism · 87 tokens

enterprise-design

Produce a comprehensive technical blueprint for a web product or SaaS, suitable for implementation in Figma Make, engineering sprints, and cloud deployment.

rajitsaha/100xprism · 32 tokens