designer

A command for building or changing web interfaces with DaisyUI v5, a set of ready-made CSS classes for user-interface components. It can also convert interfaces from shadcn/ui, another component library, to DaisyUI.

In plain words
What is it for?
Use it to build DaisyUI interfaces, migrate shadcn/ui components, or configure colors and themes.
Why use it?
It reduces the manual work of replacing component imports, class names, and themes when creating an interface or changing UI libraries.

Command

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add commands/imgompanda/fireauto/designer
Clone the repo
git clone --depth 1 https://github.com/imgompanda/fireauto
Per session 21 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 3,231 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00021 $0.03231
Opus 5 $0.00010 $0.01615
Sonnet 5 $0.00004 $0.00646
Haiku 4.5 $0.00002 $0.00323

Measured yesterday against content hash f6b74b691efd, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

designer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured yesterday.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugin/commands/designer.md · 270 lines

How it starts

The opening of the file, as written. The whole thing — 270 lines — stays where its author put it; the contents beside it link to each section on GitHub.

fireauto-ui: DaisyUI v5 UI 툴킷

DaisyUI v5 기반으로 UI를 구축하거나, shadcn/ui에서 DaisyUI로 마이그레이션하거나, 테마를 설정하는 통합 명령어입니다.

사용법

사용자 메시지에서 모드를 파악하세요:

  • migrate 키워드 또는 "마이그레이션", "변환", "전환" -> 마이그레이션 모드
  • build 키워드 또는 "만들어", "구축", "생성" -> 빌드 모드
  • theme 키워드 또는 "테마", "색상", "컬러" -> 테마 모드

모드 1: migrate (shadcn/ui -> DaisyUI 마이그레이션)

단계별 절차

  1. 스캔: @/components/ui/ 에서 import하는 파일들을 Grep으로 검색
  2. 매핑: 각 shadcn 컴포넌트를 DaisyUI 클래스로 변환
  3. 교체: import 제거, JSX에 DaisyUI 클래스 적용
  4. 정리: 미사용 shadcn 컴포넌트 파일 삭제

컴포넌트 매핑 테이블

shadcn/ui DaisyUI v5 비고
<Button> <button className="btn"> variant 아래 참조
<Button variant="default"> btn btn-primary
<Button variant="destructive"> btn btn-error
<Button variant="outline"> btn btn-outline
<Button variant="secondary"> btn btn-secondary
<Button variant="ghost"> btn btn-ghost
<Button variant="link"> btn btn-link
<Button size="sm"> btn btn-sm
<Button size="lg"> btn btn-lg
<Card> <div className="card bg-base-100 shadow-xl">
<CardHeader> <div className="card-body"> (상단부)
<CardTitle> <h2 className="card-title">
<CardContent> <div className="card-body">
<CardFooter> <div className="card-actions justify-end">
<Badge> <span className="badge">
<Badge variant="destructive"> badge badge-error
<Badge variant="outline"> badge badge-outline
<Badge variant="secondary"> badge badge-secondary
<Dialog> <dialog className="modal"> DaisyUI modal 패턴 사용
<DialogTrigger> <button onclick="modal_id.showModal()">
<DialogContent> <div className="modal-box">
<DialogHeader> 제거, modal-box 내부에 직접 배치
<DialogTitle> <h3 className="font-bold text-lg">
<DialogDescription> <p className="py-4">
<DialogFooter> <div className="modal-action">
<Input> <input className="input input-bordered">
<Textarea> <textarea className="textarea textarea-bordered">
<Select> <select className="select select-bordered">
<Checkbox> <input type="checkbox" className="checkbox">
<Switch> <input type="checkbox" className="toggle">
<Tabs> <div role="tablist" className="tabs tabs-bordered">
<TabsTrigger> <a role="tab" className="tab">
<TabsContent> 일반 div, tab 활성화 상태로 제어
<Accordion> DaisyUI collapse 또는 details/summary
<Alert> <div role="alert" className="alert">
<Avatar> <div className="avatar"><div className="w-10 rounded-full">
<DropdownMenu> <div className="dropdown">
<Tooltip> <div className="tooltip" data-tip="...">
<Progress> <progress className="progress">
<Skeleton> <div className="skeleton">
<Table> <table className="table">
<Separator> <div className="divider">
<Sheet> <div className="drawer">
<Popover> <div className="dropdown">

Read the full file on GitHub · 270 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. yesterday First seen · 270 lines · 21 tokens per session scan A f6b74b691efd

Subscribe to this mod's changes

designer is a command published in the GitHub repository imgompanda/fireauto (140 stars, last pushed 4mo ago), licensed MIT. It adds 21 tokens to every session and 3,231 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.