Skip to content
187WEB NATASHA technical blueprint — coordinate grid map of the mascot geometry

187THEME skill

187THEME — Palettes, fonts, semantic tokens.

List, preview, apply, create, audit, and export design themes. Owns color and type tokens — not hero or scroll animation (those stay Motion Lab).

← Back to all skills/187 reference

Catalog

Native themes

From lib/themes/catalog.ts. Commands: /187 theme list | preview | apply | audit | export

Abyssal Killer

abyssal-killer

Default 187WEB dark surface: near-black void, neon green primary, violet accent.

Product shell · Showcase · Agent pages · Motion lab

Warm Blueprint

warm-blueprint

Paper + ink marketing pole: warm off-white, deep slate, electric blueprint blue.

Marketing templates · Print-adjacent docs · Calm product UI

Neon Security

neon-security

NATASHA-forward palette: rose primary on deep carbon for threat and audit surfaces.

Security gates · Threat reports · Red-team demos

Motion Lab

motion-lab

Cyan and lime highlights for GSAP/R3F demos and kinetic type samples.

Motion lab · 187TYPE / 187HERO demos · Showcase motion cards

Cinematic Launch

cinematic-launch

High-contrast launch deck: black stage, white type, electric accents for scroll heroes.

Launch landings · Cinematic Launch SkillChain · Product Hunt one-pagers

Triggers

How to invoke 187THEME

Trigger
/187theme
/187 theme
187THEME
theme
thm
theme list
theme preview
palette
font pairing
design tokens
theme apply
theme export

Use cases

When to route to 187THEME

List curated themes for a surface

Preview palette and typography before apply

Apply CSS variables / token map to a shell

Audit contrast and token completeness

Export theme JSON or CSS for handoff

Output contract

What 187THEME delivers

  1. 1Theme list or ThemeContract
  2. 2Token / CSS variable map
  3. 3Contrast and completeness notes
  4. 4Export artifact (JSON / CSS / Tailwind)
  5. 5Next actions (craft, access+, publish)

Routing

When to hand off to another skill

Route toWhen
187CRAFTfull UI implementation after tokens are set
187HEROthemed immersive hero build
187ACCESS+contrast or motion access review
187PUBLISHshipping themed surfaces

Templates

Artifacts 187THEME produces

TemplateWhen to use
theme-brief.mdScoping a new theme
token-export.cssExporting CSS variables