skills.rest
tenzir
tenzirOFFICIAL
Explore all skills by this author →
Website𝕏@tenzir_companyGitHub

tenzir-design-system

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
One-click install
npx skills add https://github.com/tenzir/skills --skill tenzir-design-system
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
giosuetedeschi-specgiosuetedeschi-spec

core-components

Enforce semantic design tokens and centralized components in Next.js UI development.

Community
Intermediate
skatedduskateddu
27

frontend-design

Generate frontend interfaces with HTML/CSS/JS for React, Vue, or plain websites.

Community
Advanced
PrasadTelasulaPrasadTelasula

component-testing

Test React components with React Testing Library and Playwright for frontend correctness.

Community
Intermediate
vobasevobase
59

extract

Extract reusable UI components, design tokens, and patterns from frontend codebases.

Official
Intermediate