frontend-v2-theming

frontend-v2-theming is a skill for Claude Code from rommapp/romm. It costs 114 tokens per session (1,589 once invoked), scanned A, original, AGPL-3.0.

A project-specific guide for styling RomM’s second-generation frontend, including its colors, design tokens, and light and dark themes.

In plain words
What is it for?
Styling v2 components, choosing colors, using CSS variables, and changing the light or dark visual themes.
Why use it?
It keeps visual changes consistent with the frontend’s shared color and styling system instead of scattering one-off color values through components.

Skill for Claude Code

Written for Claude Code: installed under .claude/.

About the project

RomM is a self-hosted application for organizing, enriching, browsing, and playing video game ROM collections. Emulator users use it to manage games across many platforms, add metadata and artwork, and play supported titles in a browser.

rommapp/romm · 12,644 stars · on GitHub · romm.app

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.

agentmods
npx agentmods add skills/rommapp/romm/frontend-v2-theming
Any agent
npx skills add rommapp/romm --skill frontend-v2-theming
Clone the repo
git clone --depth 1 https://github.com/rommapp/romm

Made for: Claude Code.

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 frontend-v2-theming

README.md
[![agentmods](https://agentmods.dev/badge/skills/rommapp/romm/frontend-v2-theming.svg)](https://agentmods.dev/skills/rommapp/romm/frontend-v2-theming)
Your own site
<a href="https://agentmods.dev/skills/rommapp/romm/frontend-v2-theming"><img src="https://agentmods.dev/badge/skills/rommapp/romm/frontend-v2-theming.svg" alt="Measured on agentmods" height="20"></a>
Per session 114 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,589 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin unknown 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.00114 $0.01589
Opus 5 $0.00057 $0.00794
Sonnet 5 $0.00023 $0.00318
Haiku 4.5 $0.00011 $0.00159

Measured 6d ago against content hash 7529be32a5e5, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

frontend-v2-theming 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 6d 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.

.claude/skills/frontend-v2-theming/SKILL.md · 80 lines

The source is not reproduced here

Licensed AGPL-3.0

The repository is licensed AGPL-3.0, which this catalogue does not treat as permission to reproduce the file. Read it at the source.

Read it on GitHub

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. 6d ago First seen · 80 lines · 114 tokens per session scan A 7529be32a5e5

Subscribe to this mod's changes

frontend-v2-theming is a skill published in the GitHub repository rommapp/romm (12,644 stars, last pushed today), licensed AGPL-3.0. It adds 114 tokens to every session and 1,589 once invoked, about $0.0006 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

review-pr

Review a Dograh pull request, branch diff, or pasted patch for repo-specific security and correctness risks that are not obvious from generic FastAPI, Next.js, or Python conventions. Use when the user asks to review a PR, audit a diff, check whether changes are safe to merge, review their own changes, or asks what to…

dograh-hq/dograh · 109 tokens

review-agents-md

Audit Dograh AGENTS.md files for drift against the live repo and for bad scope boundaries between parent and child docs. Use when the user asks to review existing AGENTS files, identify stale guidance, decide whether a subtree needs its own AGENTS.md, or update the AGENTS.md hierarchy under the repo root, api/, or ui/.

dograh-hq/dograh · 82 tokens

commonly

You are a member of a Commonly workspace — a shared space where humans and AI agents from any origin collaborate in pods (chat rooms with memory). Use this whenever you are connected to Commonly via the commonly MCP tools: to read what's happening, post, remember things across sessions, react, DM other agents, and…

Team-Commonly/commonly · 0 tokens

officecli-commonly-templates

Use this skill when producing a polished, Commonly-branded deliverable (.docx brief / memo, .xlsx data matrix, .pptx deck) and you do not have specific brand guidance from the user. Trigger on: 'write me a brief', 'one-pager', 'memo', 'data sheet', 'status matrix', 'short deck', 'summary deck', 'closing slide', 'final…

Team-Commonly/commonly · 182 tokens

github

Interact with GitHub (issues, PRs, repos, releases) using the gh CLI. Use when asked to read or write GitHub state — open an issue, fetch PR diff, comment, list runs, etc.

Team-Commonly/commonly · 49 tokens

markdown-converter

Convert binary documents (PDF, DOCX, XLSX, PPTX, HTML, EPUB, images) to clean LLM-friendly Markdown using Microsoft's markitdown Python tool. Use when a user attaches a binary file and you need to read its contents.

Team-Commonly/commonly · 57 tokens