Elm Land is a framework built on the Elm language that provides conventions for routing, layouts, and state management to help build production-ready web apps.

How do I implement authentication?

The skill provides guidance on customizing Auth.elm, defining Auth.User types, and using the onPageLoad hook to protect specific routes.

How does this skill handle routing?

It understands Elm Land's file-based routing system, including trailing underscore conventions for dynamic segments and the ALL_ pattern for catch-all routes.

What is the difference between page types in Elm Land?

The skill can help you choose between 'page:view' for static content, 'page:sandbox' for simple state, 'page:element' for standard Cmds, and full 'page' for complete framework access.

Can I use Tailwind CSS with this skill?

Yes, this skill follows the Elm Land convention of using Tailwind CSS for styling via standard Html.Attributes.class implementations.

Elm Land Development

Name: Elm Land Development
Author: dz0ny

bydz0ny

0•

開発者ツール

Streamlines building, debugging, and scaling production-ready web applications using the Elm Land framework.

This skill acts as a specialized assistant for the Elm Land framework, a production-ready tool for building reliable web applications with zero runtime exceptions. It assists developers in navigating Elm Land's unique file-based routing, managing shared state, and implementing complex side-effects using the framework's Effect abstraction. Whether you are scaffolding a new project, setting up authentication, or reviewing code for best practices, this skill provides domain-specific guidance to ensure your Elm Land applications remain maintainable and efficient.

主な機能

010 GitHub stars

02Expert guidance on managing shared application state and authentication logic.

03Implementation of side-effects using the specialized Effect module instead of raw Cmds.

04Automated scaffolding for pages, layouts, and components using file-based routing conventions.

05Comprehensive code review checklist based on Elm Land best practices and structural patterns.

06CLI reference and assistance for commands like init, server, build, and customize.

ユースケース

01Migrating standard Elm logic into Elm Land's structured Layouts and Shared modules.

02Generating dynamic and nested routes with correct file naming conventions.

03Debugging complex API integrations and JSON decoders within the framework's architecture.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dz0ny/devenv-claude elm-land-dev

For use in Claude.ai and ChatGPT

Download Skill