Use when working with ANY Netresearch visual output: branded pages, dashboards, HTML reports, extension icons, README badges, or CSS theming. Apply logo, brand colors (#2F99A4, #FF4D00, #585961), Raleway+Open Sans typography. Triggers on: Netresearch branding, brand colors, logo, extension icon, branded page, style guide.
From netresearch-brandingnpx claudepluginhub netresearch/claude-code-marketplace --plugin netresearch-brandingThis skill uses the workspace's default tool permissions.
checkpoints.yamlreferences/colors.mdreferences/typo3-extension-branding.mdreferences/typography.mdreferences/web-design.mdtemplates/landing-page.htmltemplates/styles.cssGuides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Details PluginEval's skill quality evaluation: 3 layers (static, LLM judge), 10 dimensions, rubrics, formulas, anti-patterns, badges. Use to interpret scores, improve triggering, calibrate thresholds.
Apply Netresearch brand identity to web projects, documentation, and TYPO3 extensions.
Apply when:
netresearch or composer.json has netresearch/ vendorassets/logos/netresearch-symbol-only.svg in header (min 32x32px)#2F99A4 (primary), #FF4D00 (accent only), #585961 (text)| Role | Hex | CSS Variable | Usage |
|---|---|---|---|
| Primary | #2F99A4 | --nr-primary | Headers, CTAs, links |
| Accent | #FF4D00 | --nr-accent | Highlights only, never dominant |
| Text | #585961 | --nr-text | Body text, headings |
| Grey | #CCCDCC | --nr-border | Borders, disabled states |
| Background | #FFFFFF | --nr-bg | Page background |
Forbidden combinations: Orange on turquoise, grey text on white, turquoise text <18px on white (fails WCAG AA: 3.8:1 ratio).
Resources/Public/Icons/Extension.svg (symbol-only logo, teal #2F99A4)<What> - by Netresearch in both composer.json and ext_emconf.phpauthor_company: Netresearch DTT GmbH (exact)netresearch/ prefix in composer nametypo3@netresearch.deSee references/typo3-extension-branding.md for full checklist, badge templates, and validation commands.
netresearch-underline.svg) below main heading[n] A Netresearch extension with card-footer linking to netresearch.deguides.xml: set project-repository, edit-on-github to netresearch/REPOUse templates/styles.css for the complete design system. Key patterns:
.btn-primary (turquoise), .btn-secondary (orange), .btn-outline.card with shadow, hover lift, Raleway titles#585961) background, white textUse CSS variables exclusively (var(--nr-primary), not hardcoded hex). Detect debt with:
grep -r "#[0-9a-fA-F]{6}" --include="*.css" --include="*.scss"
references/colors.md - Full palette, WCAG contrast ratios, approved combinationsreferences/typography.md - Font weights, sizes, responsive scalereferences/web-design.md - Component library, layout patterns, pre-launch checklistreferences/typo3-extension-branding.md - Extension metadata, badge standardsContributing: https://github.com/netresearch/netresearch-branding-skill