eitri-claude-design-migrate
Migrates / adapts UI code generated by Claude Design (raw HTML/JSX with inline styles, device frames, and design canvases) into production-ready Eitri (Luminus + Bifrost) views using TailwindCSS + DaisyUI. ALWAYS invoke this skill whenever the user asks to migrate, port, adapt, convert, or "eitri-fy" code that originated from Claude Design — regardless of where the source lives (a folder the user points at, a single file, or a snippet pasted inline). Recognize Claude Design output by signals like: references to DesignCanvas / DCSection / DCArtboard / IOSDevice / AndroidDevice, screens defined as plain functions returning <div style={{...}}> trees, palette/font objects (const FOO = { primary: '#...' }), inline-styled HTML host files with Babel standalone, etc.
Pinned to revision 6dc85a347229, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Read
- Grep
- Glob
- Write
- Edit
- Bash
- WebFetch
- Agent
Files
Every link opens the file at its source, pinned to the revision this page describes.