Skip to content

docs: agent guides and a Panda reference per example - #5

Merged
segunadebayo merged 3 commits into
mainfrom
docs/agent-panda-guides
Aug 14, 2026
Merged

segunadebayo merged 3 commits into
mainfrom
docs/agent-panda-guides

Conversation

@Adebesin-Cell

@Adebesin-Cell Adebesin-Cell commented Aug 14, 2026 •

Copy link
Copy Markdown
Collaborator

📚 Description

Coding agents kept guessing at Panda and mixing up the three examples: importing css from the wrong place, writing Tailwind class strings, passing computed values that emit no CSS, editing generated styled-system/ output, adding Panda to the app that has none. This adds guidance that heads those off.

Every example now has:

  • AGENTS.md — the wiring for that setup and the mistakes to avoid.
  • PANDA.md — how to write Panda here, framed around the errors people actually make. Each trap is a wrong-vs-right pair: dynamic values that generate nothing, var(--x) vs token names, :hover vs _hover, md: prefixes vs responsive objects, recipe variant props that only emit defaultVariants. Plus the v2-beta facts these examples rely on (panda lib, designSystem, presets aren't auto-injected).

Both are copied into each example folder so a single folder pulled with degit stays complete. The root AGENTS.md points to both and notes the copies are kept in sync.

⛳️ Current behavior

Only a root AGENTS.md with repo-wide conventions. No per-example guidance and no Panda reference, so anyone working inside one example had to infer how it's wired and relearn Panda's rules.

🚀 New behavior

Per-example AGENTS.md and PANDA.md, each folder self-contained for degit. Root AGENTS.md gains a "Writing Panda" pointer.

💣 Is this a breaking change?

No. Docs only. No source, config, or dependency changes.

📝 Additional information

The three PANDA.md copies are intentional duplicates — the repo already duplicates dotfiles per example for the standalone model. Edit them together; the root AGENTS.md says so.

Coding agents kept guessing at Panda and mixing up the three setups.
Each example now ships an AGENTS.md with wiring for that setup and a
PANDA.md with the authoring API, the v2-beta facts these examples rely
on, and the mistakes to avoid.

PANDA.md and AGENTS.md are copied into every example folder so a single
folder pulled with degit stays complete. The root AGENTS.md points to
both and notes the copies are kept in sync.
Rewrite the Panda guide around the errors agents actually make: dynamic
values that emit no CSS, Tailwind class strings, `var(--x)` instead of
token names, `:hover` instead of `_hover`, `md:` prefixes, and recipe
variant props that only emit defaultVariants. Each is a wrong-vs-right
pair with a one-line why.
@segunadebayo
segunadebayo merged commit d45537f into main Aug 14, 2026
1 check passed
@segunadebayo
segunadebayo deleted the docs/agent-panda-guides branch August 14, 2026 10:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants