daisy

Sterne2

Forks0

Aktualisiert15. März 2026 um 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

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

taylorparsons

taylorparsons/cortege-hackathon

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

WebentwicklerInformatik- und Mathematikberufe·SOC 15-1254

Datei-Explorer

4 Dateien

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.

Mehr aus diesem Repository

gleiches Repository

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.