Littlpinguin

Atelier Web — Design skill for Claude Code

Design community

Claude Code plugin for beautiful, high-converting landing pages in each brand's own colors: brand doctrine, 8-phase playbook, design/brand/CRO/accessibility reviewer agents, 44-section library, render.

How to install Atelier Web

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Littlpinguin/atelier-web and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Atelier Web does

Alternatives in Design

Canvas Design — Create beautiful visual art in PNG and PDF documents using design philosophy 94.1k ★
Poco Claw — A more beautiful and easier-to-use alternative to OpenClaw 1.3k ★
App Onboarding Questionnaire — A Claude Code skill that designs and builds high-converting questionnaire-style app onboarding flows — modelle 751 ★

README

Atelier web for Claude Code

**English** · [Français](README.fr.md)

[![MIT license](https://img.shields.io/badge/license-MIT-0D1B2A.svg)](LICENSE) ![Version 1.3.0](https://img.shields.io/badge/version-1.3.0-0D1B2A.svg) ![Claude Code plugin](https://img.shields.io/badge/Claude%20Code-plugin-F9DC5C.svg) ![10 skills](https://img.shields.io/badge/skills-10-1B4965.svg) ![6 agents](https://img.shields.io/badge/agents-6-1B4965.svg)

![Atelier web: three landing pages for three fictional brands, built by the same factory](docs/assets/apercu-en.webp)

**Atelier web is a Claude Code plugin for designing and building beautiful, high-converting landing pages and web pages that look exactly like the brand they serve.** It bundles 10 skills, 6 agents (visual research, parallel section builders, design, brand, conversion and accessibility reviewers), a library of 44 proven landing sections, and a QA step that measures the real render before showing you anything.

It packages the method I use to build my clients’ websites and landing pages. I'm [Jessy Martin](https://jessem.fr/en/), a French consultant and trainer who helps marketing teams work with Claude Code and AI agents.

The skills are written in French. Claude builds your pages in any language you ask for.

The problem it solves

Claude Code can build a page in minutes. Left alone, it tends to build the same page every time: a purple gradient, stacked white cards, a default font, made-up numbers, and a render that never gets checked on a phone before it ships.

Atelier web changes three things:

Brand first. Each project writes its brand doctrine once (colors, fonts, voice, allowed proof points, site components), and every skill reads it before producing anything. Pages look like the site they join.
A method tested on real pages. Scoping in one round of questions, visual directions named after their signature object, the hero approved first, sections built in parallel, four specialized reviews, then one