v1.0.0

Documentation version

Currently searching v1.0.0

Search pages, component props, utilities and tokens.

↑↓ to move to openesc to close

Open files in your editor

On a Mac, right-click the folder in Finder, hold Option, and choose Copy as Pathname.On Windows, hold Shift, right-click the folder, and choose Copy as path, then delete the quote marks.

GuidesLumos 1.0.0

Agent skills

The reusable workflows that ship with Lumos v0.0.4.

Lumos v0.0.4 ships reusable instructions and helper scripts for AI coding agents in .agents/skills. Claude Code sees the same skills through aliases in .claude/skills. They travel with the project, so the workflow and the code it applies stay on the same version.

What is included

  • Import a Figma design

    lumos-import-figma maps a design into the existing Lumos tokens and components, and records any judgement calls instead of hiding them in one-off values.

  • Import a Webflow site

    lumos-import-webflow scans an export, rebuilds one verified slice at a time, maps Webflow variables and components to Lumos, then connects CMS content and forms.

  • Upgrade Lumos

    lumos-upgrade-version uses the source stamp in package.json for a three-way merge, preserves project changes and compares before-and-after screenshots.

  • Audit component props

    lumos-audit-props checks that component props and their editor tooltips follow one consistent order and writing style.

  • Build a scaling graphic

    lumos-scaling-graphic makes editable HTML graphics scale as one composed visual while keeping their proportions intact.

Project-specific notes survive upgrades

Most skill files are framework-owned and update with Lumos. A skill may also contain a clearly marked project section. The Webflow import skill uses it to record export paths, CMS decisions, redirects, providers and open questions. The upgrade workflow carries that section forward when it installs newer skill instructions.