tenzir-design-system

Name: tenzir-design-system
Availability: InStock
Author: Tenzir

Provide design tokens, component specifications, and brand assets for Tenzir UI development.

3|Updated Mar 5, 2026

Search Tags:#design system #css #design tokens #frontend development #ui components #brand assets

Ready to run

npx skills add https://github.com/tenzir/skills --skill tenzir-design-system

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: tenzir-design-system
Source: https://github.com/tenzir/skills/tree/main/skills/tenzir-design-system
Command: npx skills add https://github.com/tenzir/skills --skill tenzir-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive set of design tokens, component specifications, and brand assets to ensure consistency and efficiency when building or styling Tenzir user interfaces.

Core Features & Use Cases

Design Tokens: Access standardized values for typography, colors, spacing, and shadows.
Component References: Implement UI elements like buttons, inputs, and dropdowns using defined patterns.
Brand Assets: Utilize official logos and brand elements.
Use Case: When developing a new feature, use these resources to ensure the UI matches the Tenzir brand guidelines, from color palettes to button styles.

Quick Start

Load the colors reference to understand the available Tenzir brand colors.

Frequently Asked Questions about tenzir-design-system

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

FAQPage Schema

What are design tokens and how do they standardize frontend UI components?▼

Design tokens are standardized values for typography, colors, spacing, and shadows. They ensure consistent frontend UI development by providing reusable styles and guidelines for building Tenzir application interfaces.

How do I build consistent UI components for Tenzir products?▼

You build consistent UI components by utilizing standardized design tokens and component specifications. The system provides reusable patterns for buttons and inputs to ensure interfaces match the Tenzir brand identity.

Do I need specific frontend frameworks to use these design tokens?▼

No specific frontend frameworks are required to use these design tokens. They provide framework-agnostic standardized CSS values for colors, typography, and spacing that can be applied directly in your stylesheet.

What's the best way to access official Tenzir logos and brand assets?▼

The best way to access official Tenzir logos and brand assets is through the provided references and assets components. This ensures you utilize approved brand elements for consistent UI development.

Can I get standardized CSS values for spacing and typography?▼

Yes, standardized CSS values for spacing and typography are available through the design tokens. These tokens define reusable style guidelines to maintain visual consistency across all Tenzir user interfaces.