daisy

Estrellas2

Forks0

Actualizado15 de marzo de 2026 a las 01:52

Create or modify any UI/UX using Tailwind CSS and DaisyUI components and themes. Use when the request mentions Tailwind, DaisyUI, "create the UX", building UI screens/components, applying DaisyUI themes, or converting existing UI to Tailwind + DaisyUI in any web project (HTML, React, Next.js, etc.).

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

taylorparsons

taylorparsons/cortege-hackathon

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores webOcupaciones informáticas y matemáticas·SOC 15-1254

Explorador de archivos

4 archivos

SKILL.md

readonly

name	daisy
description	Create or modify any UI/UX using Tailwind CSS and DaisyUI components and themes. Use when the request mentions Tailwind, DaisyUI, "create the UX", building UI screens/components, applying DaisyUI themes, or converting existing UI to Tailwind + DaisyUI in any web project (HTML, React, Next.js, etc.).

DaisyUI + Tailwind UI Builder

Workflow

Identify the target UI and framework; inspect the repo for Tailwind/DaisyUI config (tailwind.config.*, daisyui plugin), existing component patterns, and folder layout for templates, JS, and CSS.
Use the same folder names as the feature/ui-fixes-code-quality layout: app/templates/ for HTML, app/static/js/ for JS, and app/static/css/ for CSS.
Use DaisyUI components for UI elements and Tailwind utilities for layout, spacing, typography, and responsiveness.
Respect theme configuration. If daisyui.themes is set, only use those themes; set data-theme on the root element when needed. Do not use the monochrome theme.
When asked for all themes or to browse themes, run python3 scripts/list_daisyui_themes.py --root <repo> to list built-in themes from the installed DaisyUI package. If DaisyUI is not installed, consult the official DaisyUI docs and note the version used.
Provide accessible markup (labels, ARIA when needed) and verify responsive behavior.

Theme Handling

Prefer the repo default theme and avoid inventing theme names. Exclude monochrome even if it is available.
For a new custom theme, update daisyui.themes in tailwind.config.* and ensure contrast for *-content tokens.

Output Expectations

Provide concrete file edits or complete snippets, not just ideas.
Avoid custom CSS unless necessary; keep it minimal and scoped.
Follow repo conventions for structure, naming, and formatting.
Preserve separate folders for templates, JS, and CSS using app/templates/, app/static/js/, and app/static/css/.

Resources

scripts/list_daisyui_themes.py: list built-in DaisyUI themes from the local installation.
references/theme-usage.md: theme selection and customization notes.

Más de este repositorio

mismo repositorio

peas

taylorparsons/cortege-hackathon

Apply the PEAS framework (Performance measure, Environment, Actuators, Sensors) to specify or audit an AI agent’s task environment. Use when the user asks to create a PEAS list/table for a coding agent or workflow, translate a vague “how should the agent work?” into concrete success metrics and constraints, or add a PEAS section to AGENTS.md / PRD / design docs.

2026-03-152

athena

taylorparsons/cortege-hackathon

Use for coding tasks that should follow the ATHENA delivery loop: capture the user request, update PRD and traceability docs, then implement and verify one small change at a time.

2026-03-142

name	daisy
description	Create or modify any UI/UX using Tailwind CSS and DaisyUI components and themes. Use when the request mentions Tailwind, DaisyUI, "create the UX", building UI screens/components, applying DaisyUI themes, or converting existing UI to Tailwind + DaisyUI in any web project (HTML, React, Next.js, etc.).

DaisyUI + Tailwind UI Builder

Workflow

Identify the target UI and framework; inspect the repo for Tailwind/DaisyUI config (tailwind.config.*, daisyui plugin), existing component patterns, and folder layout for templates, JS, and CSS.
Use the same folder names as the feature/ui-fixes-code-quality layout: app/templates/ for HTML, app/static/js/ for JS, and app/static/css/ for CSS.
Use DaisyUI components for UI elements and Tailwind utilities for layout, spacing, typography, and responsiveness.
Respect theme configuration. If daisyui.themes is set, only use those themes; set data-theme on the root element when needed. Do not use the monochrome theme.
When asked for all themes or to browse themes, run python3 scripts/list_daisyui_themes.py --root <repo> to list built-in themes from the installed DaisyUI package. If DaisyUI is not installed, consult the official DaisyUI docs and note the version used.
Provide accessible markup (labels, ARIA when needed) and verify responsive behavior.

Theme Handling

Prefer the repo default theme and avoid inventing theme names. Exclude monochrome even if it is available.
For a new custom theme, update daisyui.themes in tailwind.config.* and ensure contrast for *-content tokens.

Output Expectations

Provide concrete file edits or complete snippets, not just ideas.
Avoid custom CSS unless necessary; keep it minimal and scoped.
Follow repo conventions for structure, naming, and formatting.
Preserve separate folders for templates, JS, and CSS using app/templates/, app/static/js/, and app/static/css/.

Resources

scripts/list_daisyui_themes.py: list built-in DaisyUI themes from the local installation.
references/theme-usage.md: theme selection and customization notes.