---
title: "pandacss"
description: "Panda CSS skills for scaffolding, configuring, and hardening type-safe styling in TypeScript and JavaScript apps."
canonical: https://agentpluginsdirectory.com/plugins/pandacss
last-updated: 2026-09-16
---

# pandacss
Panda CSS skills for scaffolding, configuring, and hardening type-safe styling in TypeScript and JavaScript apps.
- Slug: pandacss
- Publisher: Panda CSS
- Repository: https://github.com/slurpyb/skills
- Manifest: plugins/pandacss/plugin.json
- Version: 1.0.0
- License: MIT
- Category (editorial): other
- Skills: 8 (design-md, elena-authoring, elena-styles, elena-tooling, fullsnacklab-components, panda-styling-engine, storybook, writing-pandacss-patterns)
- MCP servers: 0
- Stars: 0
- Repository created: 2026-02-03
- Repository last pushed: 2026-09-15
- Publisher type: User
- Listing: https://agentpluginsdirectory.com/plugins/pandacss
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## Skills

- design-md: Author, consume, and enforce a DESIGN.md design system spec (Google Labs open format, package @google/design.md). This skill should be used when the project has a DESIGN.md at the root or under docs/, when the user mentions "design tokens", "design system spec", "DESIGN.md", "tokens.json", needs to…
- elena-authoring: Author or review Elena component ownership, props, templates, events, lifecycle, accessibility, frameworks, SSR, and tests in this repository.
- elena-styles: Author or review Elena component CSS, recipe transposition, token use, scoped ownership, progressive rendering, layout, motion, and visual verification.
- elena-tooling: Change or verify Elena build configuration, package exports, CEM and declarations, registration, SSR, framework fixtures, and release validation.
- fullsnacklab-components: Work with @fullsnacklab/components and @fullsnacklab/design-system. Use when selecting, authoring, extending, composing, wrapping, integrating, or diagnosing Full Snack Lab component families and theme contracts.
- panda-styling-engine: Use when styling interfaces with Panda CSS, creating React components around recipes, or deciding among generated JSX, patterns, recipes, slot recipes, style context, tokens, semantic tokens, named styles, conditions, utilities, and configuration.
- storybook: Storybook 8+: writing stories (CSF3), configuring main.ts / preview.ts, addons (essentials, a11y, designs, MSW), parameters, args/argTypes, decorators, doc blocks, test-runner / Vitest integration, and framework setup (React/Vite, Next.js, SvelteKit, Vue). Use when authoring or debugging stories, c…
- writing-pandacss-patterns: Authors and extends portable Panda CSS patterns with typed properties, token-aware transforms, responsive behavior, preset registration, and behavioral tests. Use when creating, modifying, reviewing, or debugging patterns in any Panda project or preset.

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.