Skills
.Work. You
Rest

gleam-lustre-development

Community

Guides Claude through Lustre frontend design.

Software Engineering#ui#architecture#frontend#spa#lustre#lustre-ui
Authorrenatillas
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill guides Claude Code through idiomatic Lustre frontend development, helping teams implement SPAs and UI components using Lustre patterns from the official Lustre team.

Core Features & Use Cases

  • Model-Update-View architecture guidance: explains how to structure apps with Lustre, including init, update, and view functions.
  • Component patterns with Lustre UI: demonstrates how to compose reusable components and web components using lustre_ui references.
  • Accessibility and keyboard navigation notes: covers ARIA attributes, focus management, and keyboard controls for interactive UI.
  • Use Case: Architect a small SPA with a counter and live data panel following Elm Architecture and Lustre UI.

Quick Start

Ask the assistant to outline an idiomatic Lustre frontend architecture and generate a starter Lustre project using lustre_ui patterns.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: gleam-lustre-development
Download link: https://github.com/renatillas/gleam/archive/main.zip#gleam-lustre-development

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.