daisy

Étoiles2

Forks0

Mis à jour15 mars 2026 à 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.).

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

taylorparsons

taylorparsons/cortege-hackathon

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs webProfessions informatiques et mathématiques·SOC 15-1254

Explorateur de fichiers

4 fichiers

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.

Plus depuis ce dépôt

même dépôt

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.