skills.rest
Hey-Viswa
Hey-ViswaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

cohere-design-skill

Align UI design decisions with the Cohere design system and tokens.

Updated Apr 11, 2026
Search Tags:#typography#react#components#design-system#spacing#ui-patterns#cohere
One-click install
npx skills add https://github.com/Hey-Viswa/-claude-design-system-skills --skill cohere-design-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cohere-design-skill
Source: https://github.com/Hey-Viswa/-claude-design-system-skills/tree/main/design_system_skills/cohere-design-skill
Command: npx skills add https://github.com/Hey-Viswa/-claude-design-system-skills --skill cohere-design-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Cohere design teams need to ensure consistent application of Cohere design-system patterns across product interfaces, reducing drift and implementation gaps.

Core Features & Use Cases

  • Propose UI structure (layout, sections, information density) in Cohere language
  • Recommend typography, spacing, color, and interaction states aligned with Cohere tokens
  • Maintain cross-screen consistency and design language across dashboards, forms, and navigation contexts

Quick Start

Provide a Cohere-style UI plan for a given screen, including layout, typography, color, and component choices.

Frequently Asked Questions about cohere-design-skill

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

FAQPage Schema
How do I apply Cohere design system patterns to React components?▼

You can apply Cohere design system patterns by mapping reusable tokens for typography, spacing, and color to React components, ensuring consistent UI structure and interaction states across dashboards and navigation.

What is the best way to maintain design consistency across Next.js dashboards?▼

The best way to maintain design consistency is by enforcing reusable design tokens and aligning UI design decisions with the Cohere design system, providing clear guidance for developers to implement layouts with fidelity in Next.js.

Can I use this to plan typography and spacing for a new UI screen?▼

Yes, you can plan typography and spacing for a new UI screen by generating a Cohere-style UI plan that recommends specific layout structures, information density, color choices, and interaction states mapped to design tokens.

Does this approach work for both forms and navigation contexts?▼

Yes, this approach works for forms and navigation contexts by aligning UI design decisions with the Cohere design system to enforce consistent interaction states, spacing, and design language across varied product interfaces.

Why does my UI drift from the established design system during implementation?▼

UI drifts from the design system during implementation due to inconsistent application of design patterns, which you can prevent by enforcing reusable tokens and mapping UI structure directly to Cohere language and React components.

Related Skills

Explore More Design & Creative Skills→
NehaTanti-afkNehaTanti-afk

shadcn-to-figma

Generate Figma architecture blueprints from shadcn/ui component code.

Community
Advanced
Hey-ViswaHey-Viswa

voltagent-design-skill

Apply Voltagent design-system patterns to product UI with React/Next.js-ready outputs.

Community
Advanced
CyangZhouCyangZhou
2

Frontend_Design_System

Generate React component libraries from design tokens and UI requirements using Tailwind styling.

Community
Intermediate
CYBERSTALKER07CYBERSTALKER07

design-system

Define and apply centralized design tokens, typography, spacing, and components for Leviathan Retailer Desktop.

Community
Advanced