skills.rest
Brandondaymdr
BrandondaymdrCOMMUNITY
Explore all skills by this author →
GitHub

whiskeysomm-brand

Provide brand identity, UX design system, and product philosophy guidelines for the WhiskeySomm mobile application.

1|Updated Feb 19, 2026
Search Tags:#branding#copywriting#ux#design-system#mobile-design#whiskey
One-click install
npx skills add https://github.com/Brandondaymdr/Claude-Skills --skill whiskeysomm-brand
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: whiskeysomm-brand
Source: https://github.com/Brandondaymdr/Claude-Skills/tree/main/whiskeysomm-brand
Command: npx skills add https://github.com/Brandondaymdr/Claude-Skills --skill whiskeysomm-brand

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the problem of brand dilution and inconsistent user experience in the WhiskeySomm mobile application by providing a centralized source of truth for design, voice, and product philosophy.

Core Features & Use Cases

  • Design System Enforcement: Provides exact CSS values for colors, typography, and component patterns to ensure a cohesive mobile-first aesthetic.
  • Voice & Tone Guidance: Defines the specific, confident, and non-clinical communication style required for the app's interactions.
  • UX Rule Management: Codifies critical interaction constraints, such as the "Tune it" refinement flow and the "no-modal" policy, to prevent common design pitfalls.

Quick Start

Use the whiskeysomm-brand skill to review the current design system and ensure the new recommendation card component follows the established color and typography rules.

Frequently Asked Questions about whiskeysomm-brand

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

FAQPage Schema
How do I maintain mobile app brand consistency across UI components and copywriting?▼

To maintain mobile app brand consistency, use a centralized design system that codifies exact CSS values, typography scales, tone-of-voice guidelines, and specific interaction patterns like no-modal policies for all features.

What is a mobile-first design system and how does it handle interaction patterns?▼

A mobile-first design system enforces UI and UX consistency by defining exact color values, typography scales, and specific interaction constraints like a refinement flow and no-modal policy to prevent common design pitfalls.

How do I enforce a non-clinical tone of voice in mobile app copywriting?▼

To enforce a non-clinical tone of voice in mobile app copywriting, apply predefined voice and tone guidelines that specify a confident communication style for all user interactions within the design system.

Can I use exact CSS values for typography and colors from a design system for mobile UX?▼

Yes, you can use exact CSS values for typography and colors from a design system to ensure a cohesive mobile-first aesthetic and strict adherence to UI rules across all application features.

What are common mobile UX pitfalls when building a recommendation card component?▼

Common mobile UX pitfalls when building a recommendation card component include violating no-modal policies, ignoring established typography scales, and bypassing defined refinement flows like the Tune it interaction constraint.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
zhu637882-stackzhu637882-stack

glassmorphism-ui

Define glassmorphism design tokens and components for finance mobile apps.

Community
Advanced
cwilkins507cwilkins507

Voice Polish

Rewrite AI-generated text with humanization rules and persuasive structure.

Community
Intermediate
Hey-ViswaHey-Viswa

mongodb-design-skill

Apply MongoDB design-system guidelines to React/Next.js UI patterns.

Community
Advanced