Skills
.Work. You
Rest

atlas-ui

Community

Atlas UI design system knowledge

Software Engineering#react#design system#shadcn/ui#tailwind css#frontend development#ui components
AuthorMesferAli
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive knowledge about the Atlas UI design system, enabling developers to understand and utilize its components, patterns, and theming effectively.

Core Features & Use Cases

  • Component Library: Access information on both base shadcn/ui components and custom Atlas components.
  • Theming: Understand how dark/light mode, CSS custom properties, and Tailwind CSS are used for theming.
  • Icons: Learn how to use lucide-react for all icons.
  • Forms: Get guidance on using React Hook Form and Zod for form validation.
  • Data Display: Information on charting with recharts and exporting data to PDF and Excel.
  • Use Case: A developer needs to implement a new feature using the Atlas design system and wants to know which components are available and how to apply them correctly.

Quick Start

Explain how to use the cn() utility function for merging Tailwind classes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: atlas-ui
Download link: https://github.com/MesferAli/XCircle/archive/main.zip#atlas-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.