Skip to main content

Bestax Agent Skills

Drop-in Agent Skills that teach coding agents — Claude Code, Cursor, and other skills.sh-compatible tools — how to build with @allxsmith/bestax-bulma the right way.

Install one with the skills CLI:

npx skills add https://github.com/allxsmith/bestax --skill bestax-custom-component
npx skills add https://github.com/allxsmith/bestax --skill bestax-form
npx skills add https://github.com/allxsmith/bestax --skill bestax-theming
npx skills add https://github.com/allxsmith/bestax --skill bestax-layout-scaffold

Starting a new app? pnpm create bestax@latest offers to preinstall these skills into the generated app's .claude/skills/ (alongside a CLAUDE.md), so a Claude Code session picks them up automatically — no manual skills add needed.

Then explore each skill — what it does, how to install it, and live examples:

  • Custom Component — build a new custom component the bestax way (check for an existing one first, then the helper hooks + Bulma v1 SCSS pattern).
  • Form — build forms with the bestax form components and the validate-it-yourself error pattern (no form library).
  • Theming — customize colors, branding, and dark mode by overriding Bulma's --bulma-* variables with the Theme component.
  • Layout scaffold — go from "build me a dashboard / landing page / catalog" to a complete responsive page using the layout archetypes.