open-index/open-npm huggingface dataset:
npm package: @livz/bare
Description: x-css is a minimalist, semantic CSS library designed specifically for LLM-friendly UI generation. It provides a set of basic, expressive styles that focus primarily on layouts and structure, with additional utility classes for common needs.
Latest version: 2.3.1

# x-css

x-css is a minimalist, semantic CSS library designed specifically for LLM-friendly UI generation. It provides a set of basic, expressive styles that focus primarily on layouts and structure, with additional utility classes for common needs.

The library aims to be:

- **Simple**: Easy to understand and implement
- **Semantic**: Class names clearly indicate their purpose
- **Expressive**: Provides enough styling options without overwhelming complexity
- **LLM-optimized**: Designed to be easily understood by language models for automated UI generation

x-css serves as a foundation for AI-assisted UI development, allowing LLMs to efficiently generate structured, well-designed interfaces by referencing this documentation.

## Installation

```bash
npm install @livz/x-css
# or
yarn add @livz/x-css
# or
bun add @livz/x-css
```

## Usage

Import the CSS file into your project:

```css
/* In your main CSS/Less/Sass file */
@import '@livz/x-css';
```

Or via a link tag in your HTML:

```html
<link rel="stylesheet" href="path/to/node_modules/@livz/x-css" />
```

Or via CDN (unpkg):

```html
<link rel="stylesheet" href="https://unpkg.com/@livz/x-css@latest" />
```

## Available Classes

<!-- LLMS_CONTENT_PLACEHOLDER -->

## Examples

<!-- Add usage examples or link to a demo page here -->