Netresearch Branding Skill — Development skill for Claude Code
Netresearch brand guidelines: colors, typography, components.
How to install Netresearch Branding Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open netresearch/netresearch-branding-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Netresearch Branding Skill does
A comprehensive Claude Code skill for implementing Netresearch brand guidelines in web projects. Ensures consistent brand application across all digital touchpoints.
Alternatives in Development
- Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
- Claude Integration Guide — FOR CLAUDE CODE: When a user asks you to integrate components from this showcase repository into their project 9.3k ★
- Mono Color Skill — One-ink editorial print image skill — warm paper, halftone photography, active negative space, and restrained 3k ★
README
Netresearch Brand Guidelines Skill
A comprehensive Claude Code skill for implementing Netresearch brand guidelines in web projects. Ensures consistent brand application across all digital touchpoints.
🔌 Compatibility
This is an **Agent Skill** following the [open standard](https://agentskills.io) originally developed by Anthropic and released for cross-platform use.
**Supported Platforms:**
- ✅ Claude Code (Anthropic)
- ✅ Cursor
- ✅ GitHub Copilot
- ✅ Other skills-compatible AI agents
Skills are portable packages of procedural knowledge that work across any AI agent supporting the Agent Skills specification.
Overview
This skill provides complete brand guidelines, reference documentation, and ready-to-use templates for implementing Netresearch's visual identity on web projects. It enables Claude Code to help developers and designers maintain brand consistency across websites, applications, and digital materials.
Features
📋 Comprehensive Brand Guidelines
- SKILL.md - Complete brand implementation guide covering:
- Brand identity and core values
- Color system with accessibility compliance
- Typography standards (Raleway, Open Sans, Calibri)
- Logo usage guidelines and restrictions
- Web design principles and best practices
- Component styles and patterns
- Social media specifications
- Image guidelines
- Accessibility requirements (WCAG AA)
- Implementation checklists
🎨 Reference Documentation
**colors.md** - Detailed color palette with:
- Technical specifications (Hex, RGB, CMYK, Pantone, NCS)
- Usage guidelines and approved combinations
- WCAG AA contrast ratios
- CSS custom properties
- Accessibility compliance details
**typography.md** - Complete typography system with:
- Font specifications and licensing
- Web font loading strategies
- Typography scale and hierarchy
- Responsive typography patterns
- Line height and spacing guidelines
- Performance optimization
...
Related Skills
Brand System
Produce a client's brand system as a self-contained HTML brand board (the canonical, binding source the build
Lookbook Ad
Claude Code skill: turn one product photo into a premium 10-second lookbook film for Google Omni — researched
Build Brand Brain
Use the Branding Agent to build a first-pass brand brain for this business.
Claude Code Theme
Claude-inspired VS Code theme pack with dark/light/high-contrast and brand variants, semantic token tuning, an
Brand Check
Verify a page or component against the repo's brand reference document — colors, fonts, logo usage, voice.
Apple Hig Skills
Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inp
Related Agents
Aesthetic Definer
Help users define their own color palette and visual aesthetic for branding and image creation. Use when user
Figma Interpreter
Use this agent to analyze Figma designs and extract technical specifications for development. This agent parse
Design Extractor
Extracts precise design specifications from Paper/Figma/Stitch MCPs or local reference images; produces struct