Communitygithub.com

papopporking-oss/opencode-nextjs-standard

Configuration options for daisyUI 5

What is opencode-nextjs-standard?

opencode-nextjs-standard is a OpenCode agent skill that configuration options for daisyUI 5.

Works with~Claude Code~Codex CLI~Cursor✓OpenCode
npx skills add https://github.com/papopporking-oss/opencode-nextjs-standard/tree/HEAD/.agents/skills/daisyui/config

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

Configuration

daisyUI 5 configuration documentation: https://daisyui.com/docs/config/

daisyUI with no configuration:

@plugin "daisyui";

daisyUI configuration with only the light theme:

@plugin "daisyui" {
  themes: light --default;
}

daisyUI with all default settings:

@plugin "daisyui" {
  themes: light --default, dark --prefersdark;
  root: ":root";
  include: ;
  exclude: ;
  prefix: ;
  logs: true;
}

Example configuration: This configuration enables all built-in themes. The bumblebee theme is the default theme. The synthwave theme is the prefersdark theme, which is the default dark mode. To use another enabled theme, add data-theme="THEME_NAME" to the <html> element. The configuration excludes the root scrollbar gutter. It uses the daisy- prefix for all daisyUI classes and disables console logs.

@plugin "daisyui" {
  themes: light, dark, cupcake, bumblebee --default, emerald, corporate, synthwave --prefersdark, retro, cyberpunk, valentine, halloween, garden, forest, aqua, lofi, pastel, fantasy, wireframe, black, luxury, dracula, cmyk, autumn, business, acid, lemonade, night, coffee, winter, dim, nord, sunset, caramellatte, abyss, silk;
  root: ":root";
  include: ;
  exclude: rootscrollgutter, checkbox;
  prefix: daisy-;
  logs: false;
}

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

Related Skills