Skills
.Work. You
Rest

build-daisyui-mcp

Community

Convert designs to daisyUI code.

Design & Creative#figma#mcp#tailwind css#design to code#daisyui#ui generation
Authoryigitkonur
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the process of translating design mockups (Figma, screenshots) into functional daisyUI code, bridging the gap between design and development.

Core Features & Use Cases

  • Figma to Code: Directly converts Figma frames into daisyUI HTML components.
  • Screenshot to Code: Analyzes screenshots to generate corresponding daisyUI markup.
  • Theme Generation: Creates custom daisyUI themes from brand colors or images.
  • Use Case: A designer provides a Figma file for a new dashboard. This Skill extracts the layout, components, and colors, generating ready-to-use daisyUI code for the developer.

Quick Start

Use the build-daisyui-mcp skill to convert the Figma design at the provided URL into daisyUI code.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: build-daisyui-mcp
Download link: https://github.com/yigitkonur/skills-by-yigitkonur/archive/main.zip#build-daisyui-mcp

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.