Communitygithub.com

papopporking-oss/opencode-nextjs-standard

Opciones de configuración para daisyUI 5

¿Qué es opencode-nextjs-standard?

Este skill proporciona una guía completa de configuración para daisyUI 5, un popular framework de componentes CSS para Tailwind CSS. Permite a los desarrolladores personalizar temas, definir temas predeterminados y oscuros, configurar prefijos de clases, habilitar o deshabilitar logs de consola, y excluir componentes específicos como el gutter de scroll raíz o checkboxes. Es compatible con proyectos que usan Tailwind CSS v4 y daisyUI v5, facilitando la integración directa mediante directivas `@plugin` en archivos CSS. La documentación incluye ejemplos prácticos desde una configuración mínima hasta configuraciones completas con múltiples temas, mostrando cómo adaptar daisyUI a las necesidades del proyecto de forma sencilla y flexible.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Configuración

Documentación de configuración de daisyUI 5: https://daisyui.com/docs/config/

daisyUI sin configuración:

@plugin "daisyui";

Configuración de daisyUI solo con el tema light:

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

daisyUI con todas las opciones predeterminadas:

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

Ejemplo de configuración: Esta configuración habilita todos los temas integrados. El tema bumblebee es el tema predeterminado. El tema synthwave es el tema prefersdark, que es el modo oscuro predeterminado. Para usar otro tema habilitado, añade data-theme="NOMBRE_DEL_TEMA" al elemento <html>. La configuración excluye el gutter de scroll raíz. Usa el prefijo daisy- para todas las clases de daisyUI y deshabilita los logs de consola.

@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.

Skills relacionados