Instruction file imported from suzuuuuu09/tpl-svelte-pandacss (.github/instructions/pandacss.instructions.md). Copyright stays with the author.

Panda CSS Documentation for LLMs

Name: pandacss
Author: suzuuuuu09

Panda CSS is a CSS-in-JS framework with build-time optimizations for styling web applications

Documentation Sets

This index provides links to documentation organized by topic. Each link contains the full text content for that section, making it easy for LLMs to understand specific aspects of Panda CSS.

Complete documentation: The complete Panda CSS documentation including all concepts, utilities, and guides
Overview: Getting started, browser support, FAQ, and why Panda CSS
Installation: Framework-specific installation guides for all supported frameworks
Concepts: Core concepts including patterns, recipes, conditional styles, and responsive design
Theming: Design tokens, text styles, layer styles, and animation styles
Utilities: All CSS utilities organized by category
Customization: Customizing theme, utilities, patterns, and presets
Guides: Practical guides for specific use cases
Migration: Guides for migrating from other CSS-in-JS libraries
References: CLI commands and configuration reference

Notes

The complete documentation includes all content from the official documentation
Category-specific documentation files contain only the content relevant to that topic
The content is automatically generated from the same source as the official documentation
All code examples and API references are preserved in their original format

{ "ocm": "1", "id": "suzuuuuu09-tpl-svelte-pandacss-pandacss-instructions", "kind": "skill", "name": "pandacss", "description": "This index provides links to documentation organized by topic. Each link contains the full text content for that section, making it easy for LLMs to understand specific aspects of Panda CSS.", "publisher": "suzuuuuu09", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github-instructions" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "This index provides links to documentation organized by topic. Each link contains the full text content for that section, making it easy for LLMs to understand specific aspects of Panda CSS." ], "primary": false, "metadata": { "source": { "provider": "github-instructions", "repository": "https://github.com/suzuuuuu09/tpl-svelte-pandacss", "path": ".github/instructions/pandacss.instructions.md", "ref": "c830f36c657595e1b6c51792967e636beb667470", "url": "https://github.com/suzuuuuu09/tpl-svelte-pandacss/blob/c830f36c657595e1b6c51792967e636beb667470/.github/instructions/pandacss.instructions.md", "key": "suzuuuuu09/tpl-svelte-pandacss/.github/instructions/pandacss.instructions.md" } }, "instructions": "# Panda CSS Documentation for LLMs\n\n> Panda CSS is a CSS-in-JS framework with build-time optimizations for styling web applications\n\n## Documentation Sets\n\nThis index provides links to documentation organized by topic. Each link contains the full text content for that section, making it easy for LLMs to understand specific aspects of Panda CSS.\n\n- [Complete documentation](https://panda-css.com/llms-full.txt): The complete Panda CSS documentation including all concepts, utilities, and guides\n- [Overview](https://panda-css.com/llms.txt/overview): Getting started, browser support, FAQ, and why Pa", "cost": { "context_tokens": 464 } }

pandacss

About

Panda CSS Documentation for LLMs

Documentation Sets

Notes

Use it

Manifest

Reviews