Skip to content
Development
Skill

/design-system

DaisyUI + Tailwind CDN design system spec. Preloaded into design-related agents and referenced by design skills.

From plugin
solopreneur
1416 skills6 agents1 hook2 MCP
Install
$ npx -y skills add pcatattacks/solopreneur-plugin --skill design-system --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/design-system

Context preview

The summary Claude sees to decide when to auto-load this skill.

DaisyUI + Tailwind CDN design system spec. Preloaded into design-related agents and referenced by design skills.

SKILL.md

design-system.SKILL.md
name: design-system
user-invocable: false
description: DaisyUI + Tailwind CDN design system spec. Preloaded into design-related agents and referenced by design skills.

Design System

Stack

Self-contained HTML mockups using DaisyUI + Tailwind via CDN (no build step, no setup):

<link href="https://cdn.jsdelivr.net/npm/daisyui@5/daisyui.css" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>

Rules

  • Use DaisyUI semantic classes for polished defaults: `btn`, `card`, `navbar`, `modal`, `badge`, `alert`, `table`, etc.
  • Layer Tailwind utility classes on top for customization (spacing, colors, responsive breakpoints)
  • Use realistic placeholder data (real names, prices, dates — not lorem ipsum)
  • Add basic interactivity where it helps communicate the design (tab switches, modal open/close, dropdown toggles via inline JS)
  • No external dependencies beyond DaisyUI + Tailwind CDN
  • Structure each file as a complete HTML document: `<!DOCTYPE html>`, `<html>`, `<head>`, `<body>`
  • Be openable via `file://` in any browser
Ships withsolopreneur

You're a solopreneur. You have ideas, ambition, and not enough hours in the day.

Get the whole plugin

Other skills on solopreneur.