skills.rest
vfleanconsult-lab
vfleanconsult-labCOMMUNITY
Explore all skills by this author →
GitHub

telos-ui-kit

Generate React components and UI screens using the Telos Design System.

Updated May 12, 2026
Search Tags:#React#design system#Tailwind CSS#UI design#Astro
One-click install
npx skills add https://github.com/vfleanconsult-lab/Telos-web --skill telos-ui-kit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: telos-ui-kit
Source: https://github.com/vfleanconsult-lab/Telos-web/tree/main/pb/telos-ui-kit
Command: npx skills add https://github.com/vfleanconsult-lab/Telos-web --skill telos-ui-kit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires astro, tailwindcss, lucide-astro, lucide-react, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of building React components and UI artifacts, ensuring consistency and efficiency in design and development using the Telos Design System.

Core Features & Use Cases

  • React Component Generation: Build React components, UI screens, dashboards, and artifacts using the official Telos Design System.
  • Design System Integration: Leverage the Telos Design System's color palettes, typography, and UI components.
  • Use Case: When creating a new interface or component within the Telos ecosystem, use this Skill to ensure design compliance and efficiency.

Quick Start

Use the telos-ui-kit skill to generate a new React component for a button using the Telos Design System.

Frequently Asked Questions about telos-ui-kit

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

FAQPage Schema
How do I generate React components using a design system with Tailwind CSS?▼

You generate React components with Tailwind CSS by applying the Telos Design System to construct UI screens and dashboards. This Skill streamlines frontend development by enforcing design consistency through predefined color palettes and typography within the Telos ecosystem.

Can I use Astro with React components for UI design in the Telos ecosystem?▼

Yes, Astro is supported alongside Tailwind CSS and React for UI design tasks. You can build React components and UI artifacts within the Telos ecosystem using these integrated dependencies, enabling efficient frontend development and prototyping.

What is the best way to ensure design consistency when building React UI screens and dashboards?▼

The best way to ensure design consistency for React UI screens is using a design system like Telos. It provides standardized color palettes, typography, and UI components, streamlining the creation of compliant interfaces and prototypes.

Do I need to know Tailwind CSS to build UI artifacts with the Telos Design System?▼

Yes, knowledge of Tailwind CSS and React is required to build UI artifacts with the Telos Design System. This Skill relies on these frameworks to generate UI components, screens, and dashboards effectively within the Telos ecosystem.

Does this React component generation approach support dashboard and prototype creation?▼

Yes, this approach supports generating React components, UI screens, dashboards, and prototypes. By leveraging the Telos Design System, it handles UI design and frontend development tasks to efficiently produce functional design-compliant artifacts.

Related Skills

Explore More Software Engineering Skills→
getprobe-devgetprobe-dev
4

shadcn-ui

Install and customize React UI components via a CLI with Tailwind CSS and Radix UI.

Official
Advanced
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
zxj719zxj719

ui-change

Standardize React UI components with Tailwind CSS and lucide-react icons.

Community
Basic
DevanBDevanB

Frontend CSS

Enforce Tailwind utility classes and design system tokens in CSS files.

Community
Basic