@agimon-ai/po-backdrop-bamboo

Po's default background: Po the panda in the bamboo, painted in ink on silk, on the active theme's own surface.

Packages

Package details

package

Install @agimon-ai/po-backdrop-bamboo from npm and Pi will load the resources declared by the package manifest.

npm repo report
$ pi install npm:@agimon-ai/po-backdrop-bamboo
Package
@agimon-ai/po-backdrop-bamboo
Version
0.0.0-alpha.13
Published
Nov 13, 2026
Downloads
784/mo · 784/wk
Author
agiflow-ai
License
BUSL-1.1
Types
package
Size
1.1 MB
Dependencies
1 dependency · 3 peers

Security note

Pi packages can execute code and influence agent behavior. Review the source before installing third-party packages.

README

Po bamboo backdrop

Po's default background: Po the panda in the bamboo, painted in ink on silk, behind whichever web template is in use (Desktop, Elegant or Advanced).

It is a backdrop host-slot fill, backdrop-bamboo/bamboo. Po shows it when web.backdrop is unset. Pick another background, or Plain, in Settings > Appearance > Background. The equivalent configuration is:

web:
  backdrop: none # or <pluginId>/<fillId> of an installed backdrop

Global choices live in ~/.po/config.yaml. A repository's .po/config.yaml overrides them.

Behaviour

  • The silk is the theme's deep surface with a neutral grain, so the backdrop keeps the theme's own colour. A dark scheme shows the night painting: Po asleep under the moon.
  • The painting is three transparent corner layers sized by the screen's height. At 16:10 they reassemble into the whole painting; wider screens open empty silk in the middle, narrower ones shrink the left layers, and a portrait screen keeps the bamboo and Po.
  • At night a few fireflies drift. They hold still under prefers-reduced-motion.
  • Web only. The phone keeps its own screens.

Development

pnpm exec nx run-many -t lint typecheck build test -p @agimon-ai/po-backdrop-bamboo --parallel=2

The Backdrops/Bamboo stories render day and night at 16:10, 21:9, 4:3 and portrait. The layers in src/extensions/(frontend)/fill/_lib/assets are cut from the approved paintings; INK_ART in _lib/inkArt.ts records the cut, and the test checks the files match it.