Skills
.Work. You
Rest

joe-speaking-design-language

Community

Canonical design tokens for Joe Speaking.

Design & Creative#typography#color palette#brand guidelines#design tokens#UI design#motion design
Authorhubeiqiao
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides the definitive source of truth for all visual design tokens used in Joe Speaking products, ensuring brand consistency across all UI elements and assets.

Core Features & Use Cases

  • Design Token Reference: Access to all colors (OKLCH, hex), typography, spacing, shadows, and motion values.
  • Brand Consistency: Ensures all UI components, visual assets, and marketing materials adhere to the Joe Speaking brand guidelines.
  • Use Case: When designing a new feature, use this Skill to look up the correct brand accent color, font family, and spacing values to maintain a cohesive user experience.

Quick Start

Use the joe-speaking-design-language skill to find the hex equivalent for the primary accent color.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: joe-speaking-design-language
Download link: https://github.com/hubeiqiao/skills/archive/main.zip#joe-speaking-design-language

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.