@@ -14,6 +14,16 @@ Initialize Panda in a project. This process will:
1414- Create a ` panda.config.ts ` file in your project with the default settings and presets.
1515- Emit CSS utilities for your project in the specified ` output ` directory.
1616
17+ ``` bash
18+ pnpm panda init
19+
20+ # Initialize with interactive mode
21+ pnpm panda init --interactive
22+
23+ # Initialize with PostCSS config
24+ pnpm panda init --postcss
25+ ```
26+
1727| Flag | Description | Related |
1828| ----------------------------- | ------------------------------------------------------------- | ------------------------------------------------------------- |
1929| ` --interactive, -i ` | Whether to run the interactive mode | - |
@@ -73,6 +83,16 @@ pnpm panda "./src/components/**"
7383
7484Generate new CSS utilities for your project based on the configuration file.
7585
86+ ``` bash
87+ pnpm panda codegen
88+
89+ # Clean output directory before generating
90+ pnpm panda codegen --clean
91+
92+ # Watch for config changes
93+ pnpm panda codegen --watch
94+ ```
95+
7696| Flag | Description | Related |
7797| --------------------- | ---------------------------------------------------------------------- | ------------------------------------------------------ |
7898| ` --silent ` | Whether to suppress all output | [ ` config.logLevel ` ] ( /docs/references/config#log-level ) |
@@ -128,6 +148,19 @@ panda cssgen "static" --outfile dist/static.css
128148
129149Realtime documentation for your design tokens.
130150
151+ ``` bash
152+ pnpm panda studio
153+
154+ # Build static studio site
155+ pnpm panda studio --build
156+
157+ # Preview built studio
158+ pnpm panda studio --preview
159+
160+ # Use custom port
161+ pnpm panda studio --port 3000
162+ ```
163+
131164| Flag | Description | Related |
132165| --------------------- | --------------------------------- | ------------------------------------------- |
133166| ` --build ` | Build | - |
@@ -168,6 +201,19 @@ Debug design token extraction & CSS generated from files in glob.
168201
169202More details in [ Debugging] ( /docs/guides/debugging ) docs.
170203
204+ ``` bash
205+ pnpm panda debug
206+
207+ # Debug a specific file
208+ pnpm panda debug src/components/Button.tsx
209+
210+ # Output to stdout without writing files
211+ pnpm panda debug --dry
212+
213+ # Only output resolved config
214+ pnpm panda debug --only-config
215+ ```
216+
171217| Flag | Description | Related |
172218| --------------------- | ---------------------------------------------------------------------- | --------------------------------------------------------- |
173219| ` --silent ` | Whether to suppress all output | - |
@@ -209,6 +255,13 @@ Emit package.json with entrypoints, can be used to create a workspace package de
209255[ ` config.outdir ` ] ( /docs/references/config#outdir ) , in combination with
210256[ ` config.importMap ` ] ( /docs/references/config#importmap )
211257
258+ ``` bash
259+ pnpm panda emit-pkg
260+
261+ # Specify output directory
262+ pnpm panda emit-pkg --outdir styled-system
263+ ```
264+
212265| Flag | Description | Related |
213266| ---------------- | ---------------------------------------------------- | ------------------------------------------------------ |
214267| ` --outdir <dir> ` | The output directory for the generated CSS utilities | [ ` config.outdir ` ] ( /docs/references/config#outdir ) |
0 commit comments