component-development

Create React components with DaisyUI styling and lucide-react icons.

Updated Sep 26, 2025

Search Tags:#typescript #react #tailwind #daisyui #design-patterns #ui-components

Ready to run

npx skills add https://github.com/doitsu2014/my-blogs-rsbuild --skill component-development

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: component-development
Source: https://github.com/doitsu2014/my-blogs-rsbuild/tree/main/admin_side/.claude/skills/component-development
Command: npx skills add https://github.com/doitsu2014/my-blogs-rsbuild --skill component-development

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers struggle to consistently build UI components that align with project patterns and styling rules.

Core Features & Use Cases

Pattern-aligned components: create components that follow existing admin patterns (layout, forms, inputs, navigation).
Styling with DaisyUI/Tailwind: apply consistent styling with DaisyUI classes and lucide-react icons.
Reusable utilities: export components and utilities for reuse across pages.
Use Case: Build a new 'AlertBox' component that matches the team’s design system and can be dropped into pages.

Quick Start

Create a new functional React component named 'AlertBox' that accepts props {title, message} and uses DaisyUI classes to render a dismissible alert following the project's patterns.