theme

theme is a skill for Kiro from smileynet/teach-me. It costs 43 tokens per session (907 once invoked), scanned A, original, MIT.

A tool and workflow for previewing, comparing, validating, and applying color palettes, including light and dark themes.

In plain words
What is it for?
Use it when changing interface colors to generate previews, check contrast, compare palettes, or produce CSS variables.
Why use it?
It helps find text and background color combinations that do not meet contrast requirements before they are used.

Skill for Kiro

Written for Kiro: installed under .kiro/.

Needs its repository: it runs a file that does not travel with it, so clone the repository first. The line is python tools/theme-preview.py --palette palettes/purple-night.json.

Good fit Use it when changing interface colors to generate previews, check contrast, compare palettes, or produce CSS variables.

Compare 6 skills from other repositories ↓
Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo
git clone --depth 1 https://github.com/smileynet/teach-me
agentmods
npx agentmods add skills/smileynet/teach-me/theme

Made for: Kiro.

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

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

Your own site · 80×15
<a href="https://agentmods.dev/skills/smileynet/teach-me/theme"><img src="https://agentmods.dev/badge/skills/smileynet/teach-me/theme.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 43 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 907 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.00043 $0.00907
Opus 5.5 $0.00017 $0.00363
Sonnet 5.5 $0.00009 $0.00181
Haiku 4.5 $0.00004 $0.00091

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

Security

Grade A, and why

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

.kiro/skills/theme/SKILL.md · 109 lines

How it starts

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

Theme

Preview, validate, and apply color palettes to the lesson UI.

Workflow

1. Preview a palette

python tools/theme-preview.py --palette palettes/purple-night.json

Generates .scratch/theme-preview.html showing all UI elements with the palette applied, plus a contrast validation table. Open it in a browser or screenshot for analysis.

2. Validate contrast

The tool prints a contrast report to stdout:

✓ text on bg: 14.2:1 (AAA) — need 7.0:1
✓ text-muted on elevated: 5.1:1 (AA) — need 4.5:1
✗ text-faint on surface: 2.8:1 (FAIL) — need 4.5:1

Fix any failures before applying. Common fixes:

  • Lighten the text token
  • Darken the background token
  • Use a less-saturated accent

3. Compare palettes

Generate previews for multiple palettes and compare:

python tools/theme-preview.py --palette palettes/purple-night.json --output .scratch/preview-purple.html
python tools/theme-preview.py --palette palettes/zinc-dark.json --output .scratch/preview-zinc.html

4. Get CSS snippet

python tools/theme-preview.py --palette palettes/purple-night.json --css

Prints the :root { --bg: ...; } block ready to paste into style.css.

5. Apply

Copy the CSS variables into assets/style.css :root block. Then verify:

mise run visual-qa

Palette Format

Palettes live in palettes/*.json:

{
  "name": "Purple Night",
  "mode": "dark",
  "tokens": {
    "bg": "#13111C",
    "bg-elevated": "#1C1A2E",
    "bg-surface": "#252340",
    "text": "#CDD6F4",
    "text-muted": "#9399B2",
    "text-faint": "#6C7086",
    "accent": "#CBA6F7",
    "link": "#89B4FA",
    "border": "#313244",
    "code-bg": "#1E1E2E",
    "success": "#A6E3A1",
    "warning": "#F9E2AF",
    "error": "#F38BA8",
    "callout-bg": "#1E293B",
    "key-concept-bg": "#2D1F0E"
  }
}

Contrast Rules

Pair Minimum Why
text on bg 7:1 (AAA) Extended reading — body text must be crisp
text on elevated 7:1 Tray panel body text
text-muted on bg 4.5:1 (AA) Secondary text still readable
text-muted on elevated 4.5:1 Common failure — always test this
text-muted on surface 4.5:1 Tooltips, popovers — the #1 failure point
link on bg 4.5:1 Interactive elements distinguishable
accent on bg 4.5:1 Headings readable

Read the full file on GitHub · 109 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. 1mo ago First seen · 109 lines · 43 tokens per session scan A 80adea9951af

Subscribe to this mod's changes

theme is a skill published in the GitHub repository smileynet/teach-me (3 stars, last pushed 25d ago), licensed MIT. It adds 43 tokens to every session and 907 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

deep-student-cloud-sync-e2e

Run real, UI-driven Deep Student cloud sync E2E tests. Use when Codex needs to validate WebDAV/cloud sync, backup, restore, credentials, conflict behavior, multi-device synchronization, or sync regressions through real Tauri UI operations followed by SQLite/WebDAV/log verification.

helixnow/deep-student · 66 tokens

deep-student-tauri-lab

Manage Deep Student Tauri desktop test instances through the repo-local tauri-lab CLI. Use when Codex needs to create, start, stop, restart, lease, inspect, or clean up one or many Deep Student Tauri app windows for Computer Use testing, parallel subagents, cloud sync simulations, or local E2E debugging.

helixnow/deep-student · 76 tokens

anki

Anki spaced repetition learning system reference. Covers the science of SRS and SM-2 algorithm, card design principles, optimal deck settings, FSRS scheduler, study workflow, essential add-ons, custom templates, filtered decks, and AnkiConnect API.

bytesagain/ai-skills · 53 tokens

reading-metaskill

A reading and learning guide based on building a regular reading habit, choosing books, and understanding difficult subjects through original works and explanation.

kangarooking/cangjie-skill · 139 tokens

Vibe Coding Mastery

The complete operating system for building software with AI. From first prompt to production deployment — prompting frameworks, architecture patterns, testing strategies, debugging playbooks, and production graduation checklists. Works with Claude Code, Cursor, Windsurf, Copilot, and any AI coding tool.

LeoYeAI/openclaw-master-skills · 61 tokens

workshop-testing

Walk through the .NET AI Workshop as an attendee to validate that the READMEs, commands, and code snapshots still work. USE FOR: testing the workshop, testing a specific Part, dry-running the labs, verifying a README against its snapshot, reconciling or refreshing code snapshots, producing a workshop test report. DO…

dotnet-presentations/ai-workshop · 95 tokens