agentmods.dev

css-template

css-template is a skill for Claude Code from reggiechan74/JobOps. It costs 20 tokens per session (2,243 once invoked), scanned A, original, MIT.

A tool for viewing, examining, and creating reusable CSS design templates for landing pages. It includes tactical, minimal, and corporate visual styles.

In plain words
What is it for?
Use it to list templates, inspect a template's components and design choices, or create a new template based on existing patterns.
Why use it?
It gives landing-page work a defined starting point instead of requiring each page's styling system to be designed from scratch.

Skill for Claude Code

Written for Claude Code: disable-model-invocation in frontmatter.

Runs only inside its plugin — its command needs a path that Claude Code sets for a plugin’s own hooks and for nothing else. Install the plugin, not this.

Part of the jobops-ic plugin — 10 skills, 1 agent shipped together

not rated 26repo 5mo ago A scan 20 tokens original MIT

Good fit Use it to list templates, inspect a template's components and design choices, or create a new template based on existing patterns.

Compare 6 skills from other repositories ↓
View source ↗ reggiechan74/JobOps
Install

Getting it into your agent

This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.

Claude Code
/plugin marketplace add reggiechan74/JobOps
Claude Code
/plugin install jobops-ic

Made for: Claude Code.

Or install jobops-ic, the plugin that ships this one along with the rest of its 10 skills, 1 agent.

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 css-template

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

Your own site · 80×15
<a href="https://agentmods.dev/skills/reggiechan74/jobops/css-template"><img src="https://agentmods.dev/badge/skills/reggiechan74/jobops/css-template.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 20 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,243 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.00020 $0.02243
Opus 5.5 $0.00008 $0.00897
Sonnet 5.5 $0.00004 $0.00449
Haiku 4.5 $0.00002 $0.00224

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

Security

Grade A, and why

css-template 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 2mo 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.

plugins/jobops-ic/skills/css-template/SKILL.md · 331 lines

How it starts

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

Configuration

Read .jobops/config.json. If missing, stop with:

JOBOPS NOT CONFIGURED Run /jobops:setup (then /jobops-ic:setup) to initialize your workspace.

Use config.directories.contractor_root for output paths in this skill. Use config.preferences.default_currency for pricing if applicable.

Arguments

I'll help you manage the CSS design system templates for landing page development.

  • --view [template]: Display available CSS templates and their components
  • --analyze [template]: Deep-dive analysis of a specific template's design system
  • --create [name]: Create a new CSS template based on existing patterns

Default behavior (no arguments): List all available templates with summaries

Available CSS Templates

Template File Description
tactical ${CLAUDE_PLUGIN_ROOT}/styles/subpage-styles.css Military/tech aesthetic with gradients, grid layouts, terminal displays
minimal ${CLAUDE_PLUGIN_ROOT}/styles/minimal-styles.css Clean, whitespace-focused, modern typography
corporate ${CLAUDE_PLUGIN_ROOT}/styles/corporate-styles.css Professional, conservative, enterprise-friendly

Mode: View Templates (--view)

Tactical Template (${CLAUDE_PLUGIN_ROOT}/styles/subpage-styles.css)

Design Philosophy: Mission-critical, data-driven, technically sophisticated

Color Palette:

:root {
    --bg-dark: #0a0f1c;
    --bg-darker: #050810;
    --text-primary: #e0e6ed;
    --text-secondary: #8892a0;
    --accent: #4a9eff;
    --accent-secondary: #00d4aa;
    --border-color: #1a2234;
    --card-bg: #0d1424;
}

Key Components:

Component Class Usage
Navigation .nav, .nav-link, .nav-cta Top navigation with CTA button
Hero .hero, .hero-title, .hero-subtitle Full-width gradient hero section
Content Sections .content-section, .section-title Standard content containers
Feature Grid .feature-grid, .feature-item 2-3 column benefit displays
Method Cards .method-cards, .method-card Step-by-step methodology
Pipeline Steps .pipeline-steps, .pipeline-step Linear process visualization
Terminal Display .terminal-mini, .terminal-header Code/command display
Scoring Grid .scoring-grid, .score-item Metrics and ratings
CTA Section .cta-section, .cta-btn, .secondary-btn Call-to-action blocks
Footer .footer, .footer-links Site footer

Read the full file on GitHub · 331 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. 2mo ago First seen · 331 lines · 20 tokens per session scan A 2d3c73db16e8

Subscribe to this mod's changes

css-template is a skill published in the GitHub repository reggiechan74/JobOps (26 stars, last pushed 5mo ago), licensed MIT. It adds 20 tokens to every session and 2,243 once invoked, about $0.0001 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.

CSS and stylingDesign and UXFrontend
Related

css-template compared with skills from other repositories

css-template next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
css-templatereggiechan74/JobOpsSkill265mo agoMITA20Claude Code
anti-slop-designsickn33/agentic-awesome-skillsSkill49kyesterdayMITA34Claude Code
chakra-ui-builderchakra-ui/chakra-uiSkill41kyesterdayMITA214Claude Code, Codex
visual-ralphYeachan-Heo/oh-my-codexSkill34k4d agoMITA52Codex
open-design-setupcompozy/compozySkill2.8kyesterdayMITA67Claude Code, Codex
frontend-visual-qadaymade/claude-code-skillsSkill1.5kyesterdayMITA125Claude Code, Codex
prototype-webnexu-io/html-anythingSkill9.4k25d agoApache-2.0A24Claude Code, Codex