Layla
A layout language for design systems

Layla is a Claude Code skill that works in two directions — describe a component in plain English and get structured Layla output, or provide a .layla file and compile it to HTML, React, or SwiftUI. It's a language, not a product. Early exploration welcome.

No spam. You'll get the install instructions here and a copy by email.

You're in
Install Layla in Claude Code

Run the command below in your terminal. It creates the skill directory and downloads the file in one step.

1
Run in terminal
mkdir -p ~/.claude/skills/layla && curl -sL https://muldoon.design/downloads/layla-skill.md -o ~/.claude/skills/layla/SKILL.md
This works with any Claude Code installation — CLI, desktop app, or IDE extension.
2
Open Claude Code and try it
Try saying
Layla, create a primary button with the label "Submit"
Claude will respond as Layla — generating spec-compliant layout syntax from natural language, or compiling .layla files to code.
3
Follow the project
Layla is an open exploration. The language is evolving. Watch Medium for articles as the spec develops.

The skill file is also available as a direct download at layla-skill.md if you prefer to install it manually.