Beyond-UI Helper

Quick Start Workflow

1. Plan the environment

   • Confirm Node ≥ 18 and npm ≥ 9 (or matching pnpm/yarn versions).
   • Decide if the host app already uses Tailwind. If not, the packaged CSS still works—Tailwind becomes optional for theme overrides.
   • When upgrading, check open Trello cards (#8–#12, #16, #17, etc.) and docs/security-dx-notes.md for pending fixes before bumping versions.

2. Install the package

   • Run the install script bundled with this skill: scripts/install-beyond-ui.sh. It installs @beyondcorp/beyond-ui plus missing peer deps.
   • For manual install, see references/setup.md for npm/pnpm/yarn equivalents and monorepo guidance.

3. Wire the generated stylesheet

   • Use scripts/add-css-import.js to inject import '@beyondcorp/beyond-ui/dist/styles.css'; into the app entry (main.tsx / index.jsx / etc.).
   • Confirm the import sits above app-specific CSS to keep token overrides predictable.