home/writing/component-patterns-instructions

Component Patterns.instructions

GPTClaudeGemini··927 copies·updated 2026-07-14
component-patterns-instructions.prompt
# Component Patterns

This document defines the canonical patterns for building UI components in this project.

## DaisyUI + CVA Component Pattern

All UI components should follow the pattern established in `app/components/Button.tsx`.

### Core Structure

Components use **CVA (Class Variance Authority)** for type-safe variant management with **DaisyUI** class names as the foundation.

when to use it

Community prompt sourced from the open-source GitHub repo sethdavis512/prompt-bucket (no explicit license). A "Component Patterns.instructions" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.

tags

writingcommunitygeneral

source

sethdavis512/prompt-bucket · no explicit license