panda-css
OfficialEfficient styling with Panda CSS and design tokens.
Authorhashintel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Panda CSS provides guidance for a CSS-in-JS framework with static analysis and atomic CSS output for type-safe, optimized styling.
Core Features & Use Cases
- Static analysis at build time to extract styles from source
- Just-In-Time (JIT) CSS generation for only used styles
- Design tokens and theming for scalable UI systems
- Patterns for cascade layers: reset, base, tokens, recipes, utilities
Quick Start
Fetch the aggregated Panda CSS docs and start integrating atomic styles in your components.
Dependency Matrix
Required Modules
None requiredComponents
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: panda-css Download link: https://github.com/hashintel/hash/archive/main.zip#panda-css Please download this .zip file, extract it, and install it in the .claude/skills/ directory.