Can I use this for existing brands?

Yes, it is specifically designed for both creating new identities from scratch and systematizing existing ad-hoc brand elements into a formal, documented system.

Does it generate actual design tokens for developers?

Yes, the skill provides structured JSON or JavaScript objects for colors, spacing, typography, and radii that can be directly integrated into your codebase.

What is included in the Strategy Layer?

The strategy layer covers brand pillars, positioning statements, core values, and archetypes to provide a solid conceptual foundation before visual work begins.

Is this skill limited to web design?

While optimized for digital systems, it includes application guidelines for mobile apps, email templates, social media, and even print or packaging materials.

How does this skill help with design consistency?

It provides standardized frameworks for colors, typography, and voice, ensuring all brand touchpoints remain aligned and professional across your entire ecosystem.

Brand Systems Identity & Strategy

Name: Brand Systems Identity & Strategy
Author: HermeticOrmus

byHermeticOrmus

•

设计工具

Builds comprehensive brand identity systems from strategic positioning to implementation-ready design tokens and documentation.

This skill empowers Claude to act as a senior brand strategist and designer, guiding users through the creation of cohesive brand identity systems. It covers the foundational strategy layer including positioning and archetypes, the visual identity layer including logo requirements and typography scales, and the technical implementation layer via design tokens and component patterns. It is ideal for startups launching new identities or existing brands seeking to systematize their visual language for scale and consistency across digital and physical touchpoints.

主要功能

01Implementation-ready design tokens for CSS, Tailwind, and JavaScript

02Usage documentation templates for brand application and patterns

032 GitHub stars

04Strategic brand positioning and archetype definition frameworks

05Visual identity system design including logo, color, and typography scales

06Comprehensive voice and tone guidelines for brand messaging

使用场景

01Developing a full brand identity for a new startup or product launch

02Rebranding an existing application with updated visuals and personality

03Creating a centralized brand system for consistent design-to-development handoff

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/libreuiux-claude-code brand-systems

For use in Claude.ai and ChatGPT

主要功能

01Implementation-ready design tokens for CSS, Tailwind, and JavaScript

02Usage documentation templates for brand application and patterns

032 GitHub stars

04Strategic brand positioning and archetype definition frameworks

05Visual identity system design including logo, color, and typography scales

06Comprehensive voice and tone guidelines for brand messaging

使用场景

01Developing a full brand identity for a new startup or product launch

02Rebranding an existing application with updated visuals and personality

03Creating a centralized brand system for consistent design-to-development handoff

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/libreuiux-claude-code brand-systems

For use in Claude.ai and ChatGPT