skills.rest
lucabattistini
lucabattistiniCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-expression

Apply brand expression and design tokens to structural foundations for branded specifications.

Updated Feb 28, 2026
Search Tags:#typography#design system#brand identity#visual design#color palette#motion design
One-click install
npx skills add https://github.com/lucabattistini/concinnitas --skill design-expression
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-expression
Source: https://github.com/lucabattistini/concinnitas/tree/main/skills/design-expression
Command: npx skills add https://github.com/lucabattistini/concinnitas --skill design-expression

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps designers and product teams translate abstract brand identity and personality into concrete visual elements within a digital product, ensuring consistency and brand recognition.

Core Features & Use Cases

  • Brand Personality Mapping: Translates descriptive adjectives into visual styles.
  • Typeface and Color Application: Integrates chosen fonts and brand colors into the design system.
  • Visual Signature Definition: Identifies and applies a unique visual element for brand recall.
  • Use Case: After defining the design system's structure and tokens, use this Skill to apply the company's specific color palette, typography, and brand mood to wireframes, transforming them into visually branded mockups.

Quick Start

Use the design-expression skill to apply the brand identity to the current design track.

Frequently Asked Questions about design-expression

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

FAQPage Schema
How do I apply brand identity to structural wireframes using design tokens?▼

To apply brand identity to structural wireframes, this Skill translates descriptive adjectives into visual styles and integrates chosen typefaces and colors using defined design tokens to generate branded mockups.

What is the process for translating brand personality into visual design elements?▼

Translating brand personality into visual design involves mapping descriptive brand adjectives into concrete visual signatures, typeface applications, and color palettes to ensure brand recognition within a digital product.

Do I need a completed design system structure before applying visual design?▼

Yes, you need a completed design system structure. This Skill requires prerequisite completion of discovery, structure, and system phases to properly apply visual identity and motion design.

Can I generate visual design output with Paper.design when applying a color palette?▼

Yes, you can generate visual design output with Paper.design. This Skill integrates with Paper.design to produce branded design specifications and visual designs from your applied color palette and typography.

How do I ensure brand consistency when defining a visual signature for product teams?▼

To ensure brand consistency, this Skill identifies and applies a unique visual element for brand recall, standardizing the visual signature across the digital product through defined design tokens.

Related Skills

Explore More Design & Creative Skills→
kapilvirenahujakapilvirenahuja
3

garura:design

Convert locked epics and scope into personas, screens, flows, and wireframes.

Community
Advanced
zivtechzivtech

graphic-design-critic

Audit graphic assets for brand consistency and production readiness.

Official
Advanced
shhubbhshhubbh
1

design-consultation

Generate a DESIGN.md documenting typography, color palettes, layout, spacing, and motion guidelines.

Community
Advanced
RSHVRRSHVR
1

elite-brand-design

Convert brand identity inputs into structured design tokens and style guidelines.

Community
Advanced