skills.rest
mitchellvandusen-cell
mitchellvandusen-cellCOMMUNITY
Explore all skills by this author →
GitHub

brand

Enforce brand consistency and design standards across UI components.

Updated Dec 12, 2025
Search Tags:#brand identity#UI design#design standards#white-label#CSS architecture
One-click install
npx skills add https://github.com/mitchellvandusen-cell/Flask-Webhook --skill brand-mitchellvandusen-cell
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/mitchellvandusen-cell/Flask-Webhook/tree/main/.claude/skills/brand
Command: npx skills add https://github.com/mitchellvandusen-cell/Flask-Webhook --skill brand-mitchellvandusen-cell

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill ensures brand consistency and adherence to design standards in visual elements such as UI, CSS, templates, themes, colors, logos, styling, and white-label features.

Core Features & Use Cases

  • Brand Identity: Provides guidelines for product name, tagline, and product type.
  • Logo and Favicon: Defines specifications for the logo and favicon.
  • Color System: Outlines the color scheme for dark and light themes.
  • Typography: Specifies font stacks and their usage.
  • No Glassmorphism: Prohibits the use of glassmorphism in new designs.
  • CSS Architecture: Defines the load order and structure of CSS files.
  • White-Label System: Allows agency owners to replace the Omnisconn brand with their own.
  • Layout & Spacing: Provides guidelines for spacing and border radius.

Quick Start

Use the brand skill to review and adjust the design of a new UI component to ensure it adheres to the Omnisconn brand standards.

Frequently Asked Questions about brand

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain brand consistency across UI components and CSS templates?▼

To maintain brand consistency across UI components and CSS templates, apply predefined design standards for color schemes, typography, and logo usage to all visual elements and white-label features.

What is a white-label system and how does it work for agency owners?▼

A white-label system allows agency owners to replace the default product brand with their own. It works by applying custom brand identity guidelines to existing UI surfaces and CSS architecture.

How do I structure CSS architecture for light and dark theme styling?▼

Structure CSS architecture for light and dark theme styling by defining a specific load order for CSS files and applying the designated color scheme specifications for each theme.

Can I use glassmorphism in new UI designs under these design standards?▼

No, you cannot use glassmorphism in new UI designs under these design standards. The guidelines explicitly prohibit glassmorphism to ensure adherence to the established visual styling rules.

What typography and spacing guidelines should I follow for brand identity?▼

For brand identity typography and spacing, use specified font stacks and follow established layout and spacing rules, including defined border radius values for all visual UI elements.

Related Skills

Explore More Design & Creative Skills→
eyadsibaieyadsibai
7

Branding

Define brand identity with logo, color, typography, and voice guidelines.

Community
Intermediate
phrazzldphrazzld
13

pencil-to-code

Convert .pen design files into React and Tailwind CSS code.

Community
Intermediate
fatihkanfatihkan
7

minimalist-ui

Define a frontend UI protocol enforcing ultra-minimal editorial styling across components.

Community
Advanced
thongdn-itthongdn-it
3

ui-design

Enforce UI/UX frontend best practices across HTML, CSS, and component design.

Community
Advanced