skills.rest
fusengine
fusengineCOMMUNITY
Explore all skills by this author →
Website𝕏@fusengineGitHub

identity-system

Generate a visual identity with OKLCH palettes, typography, spacing, and motion.

22|3|Updated Jan 10, 2026
Search Tags:#typography#design system#brand identity#color palette#motion design#oklch
One-click install
npx skills add https://github.com/fusengine/agents --skill identity-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: identity-system
Source: https://github.com/fusengine/agents/tree/main/plugins/design-expert/skills/identity-system
Command: npx skills add https://github.com/fusengine/agents --skill identity-system

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of a unique visual identity for new projects, ensuring brand consistency from the start by defining brand palette, typography, spacing, and motion.

Core Features & Use Cases

  • Brand Identity Generation: Creates a comprehensive design system based on project requirements.
  • Component Definition: Establishes color palettes (OKLCH), typography pairs, spacing scales, and motion profiles.
  • Use Case: When starting a new web application, use this Skill to define its entire visual language, from the primary brand colors and font choices to the animation style, ensuring a cohesive and professional look and feel.

Quick Start

Use the identity-system skill to generate a new brand identity for a fintech startup.

Frequently Asked Questions about identity-system

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

FAQPage Schema
How do I generate a brand identity for a new web application?▼

Generate a brand identity by defining a comprehensive design system that includes a brand palette, typography pairs, spacing scales, and motion profiles. This ensures visual consistency across the web application from the start.

What is the best way to create a design system with an OKLCH color palette?▼

The best way to create a design system with an OKLCH color palette is to automate color generation based on sector-specific trends and brand personality. This approach ensures adherence to OKLCH color standards and intentional font pairings.

Can I define typography pairs and spacing scales automatically for a startup?▼

Yes, you can automatically define typography pairs and spacing scales for a startup. The system establishes these components based on sector-specific trends and brand personality, creating a cohesive visual language.

How does automated brand identity generation work for sector-specific trends?▼

Automated brand identity generation works by analyzing sector-specific trends and brand personality to output a tailored visual system. It produces a brand palette, typography, spacing, and motion design that fits the specific industry context.

What do I need to define a complete visual identity including motion design?▼

To define a complete visual identity including motion design, you need to establish color palettes, typography pairs, spacing scales, and motion profiles. This creates a comprehensive design system for new projects.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

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

Community
Advanced
chicongstchicongst
2

ui-design

Automates UI design execution by applying tokens, palettes, typography and spacing across frameworks.

Community
Intermediate
zrosenfieldzrosenfield
84

style-guidelines

Apply brand identity elements to visual and textual outputs.

Community
Basic
intelli-verse-xintelli-verse-x
1

ivx-game-design-studio

Generate game design documents and starter projects for IntelliVerseX games.

Official
Advanced