style-retro

style-retro is a skill for Claude Code, Codex from pnp/sharepoint-skills. It costs 93 tokens per session (3,937 once invoked), scanned A, original, MIT.

A retro Memphis visual styling template for lists, using bright contrasting colors, playful stacked cards, colored shadows, and a bold status banner.

In plain words
What is it for?
Styling catalogue or project-list rows when a retro, Memphis, bright, playful, or loud visual theme is requested.
Why use it?
It gives every row a distinctive, energetic appearance while keeping the document name, status, progress, and deadline in a repeatable layout.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Styling catalogue or project-list rows when a retro, Memphis, bright, playful, or loud visual theme is requested.

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

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 style-retro

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

Your own site · 80×15
<a href="https://agentmods.dev/skills/pnp/sharepoint-skills/style-retro"><img src="https://agentmods.dev/badge/skills/pnp/sharepoint-skills/style-retro.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 93 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,937 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 pass 7 Sept 2026
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.00093 $0.03937
Opus 5 $0.00046 $0.01969
Sonnet 5 $0.00019 $0.00787
Haiku 4.5 $0.00009 $0.00394

Measured 11d ago against content hash ee7065adcf1d, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

style-retro 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 11d 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.

Skills/style-retro/style-retro/SKILL.md · 311 lines

How it starts

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

Retro Memphis — Style Tokens + Row Template

Bright, playful, LOUD. Every status is a different color. Colored shadows. Stacked vertical card with a bold colored banner. This is the fun one.

Layout philosophy: Stacked vertical card with colored banner. The top third of the card is a bold status-colored banner containing the document name in large white text. Below it, a white content area with the status badge, a large progress percentage, and deadline info. The banner color changes per status — the card's personality changes with every item. This is structurally different from Neobrutalism's horizontal sidebar split.

Badge Tokens

  • padding: 5px 14px
  • border-radius: 20px (full pill — playful, round, fun)
  • font-size: 12px
  • font-weight: 700
  • text-transform: uppercase

status_colors

Value bg text border banner_color
Draft #fbbf24 #1f2937 2px solid #d97706 #fbbf24
In Review #3b82f6 #ffffff 2px solid #7c3aed #3b82f6
Revising #f472b6 #ffffff 2px solid #db2777 #f472b6
Approved #2dd4bf #1f2937 2px solid #0d9488 #2dd4bf
Published #a78bfa #ffffff 2px solid #7c3aed #a78bfa
_fallback #e5e7eb #374151 2px solid #9ca3af #e5e7eb

CRITICAL: The banner_color IS the status bg color — the entire top of the card floods with the status hue. Draft cards have a yellow top. In Review cards have a blue top. Revising cards have a hot pink top. Every card in the list is a different color.

Progress Bar Tokens

  • progress_track_height: 10px
  • progress_track_bg: #fef3c7 (warm yellow tint)
  • progress_track_border: 2px solid #d97706
  • progress_track_radius: 5px
  • progress_fill_radius: 3px
  • progress_color_low: #f472b6 (HOT PINK — not red)
  • progress_color_mid: #3b82f6 (ELECTRIC BLUE — not amber)
  • progress_color_high: #2dd4bf (TEAL — not green)
  • progress_label_font_size: 28px (HUGE — the hero element)
  • progress_label_font_weight: 800
  • progress_label_color: #7c3aed (PURPLE)

Read the full file on GitHub · 311 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. 11d ago First seen · 311 lines · 93 tokens per session scan A ee7065adcf1d

Subscribe to this mod's changes

style-retro is a skill published in the GitHub repository pnp/sharepoint-skills (112 stars, last pushed 2d ago), licensed MIT. It adds 93 tokens to every session and 3,937 once invoked, about $0.0005 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.