Claude Code, the Apps with love way

Pick your role

I am a

Claude knows the AWL templates, the pipeline components and the Natron cluster.

Autodeploy: Pipeline from the AWL components, deploy job through ArgoCD to the Natron cluster, DEPLOYMENT_VALUES and secrets – plus a check against the real GitLab state before you merge, before ArgoCD turns red. deploying-to-kubernetes
Writing tests: A dedicated agent for unit and integration tests across all stacks – web, Swift, Kotlin, .NET – each in the stack's own test style. Tester
Best practices: Code review against known failure patterns, research of the official docs before any new dependency, and the AWL principles loaded in every session: KISS, YAGNI, minimal changes. review

Installs awl-general, awl-testing and awl-cicd.

Claude Code opens with the request filled in; you confirm with Enter. Pick the plugin for your stack – awl-ios, awl-android or awl-web – under /plugin afterwards.

E2E tests, sign-off against the acceptance criteria, and tests derived from the requirements.

End-to-end tests: Writes and debugs Playwright tests for whole user flows, plus component and accessibility tests with Testing Library and axe. testing-web
Checking acceptance criteria: Pulls the criteria from Jira, ClickUp, GitLab or GitHub – it finds the issue from the branch name – and checks each one against the code. ac-checker
Test cases from specs: A dedicated agent derives tests from the requirements (TDD/BDD), with test names that read like the specification – for web, iOS, Android and .NET. Tester

Set up in Claude Code

Installs awl-general and awl-testing.

Claude Code opens with the request filled in; you confirm with Enter.

The AWL design system is on board, every token included.

Looking up design tokens: Exact values for brand colours, typography, spacing, shadows, radii and breakpoints – with JSON path and CSS variable. design-tokens
Checking UI code against the design system: Finds hard-coded colours and spacing in React, Vue, Svelte, CSS and HTML where tokens belong. design-review
Generating components: Generates UI components for React, Vue, Angular or Svelte that use the AWL tokens from the start. component-gen

Set up in Claude Code

Installs awl-design.

Claude Code opens with the request filled in; you confirm with Enter.

Stories, operation manual and process documentation in the AWL format.

User stories in ClickUp: Creates and maintains user stories with acceptance criteria right in ClickUp. clickup-stories
Operation manual: Creates the AWL operation manual for a project: service desk plus 2nd and 3rd level support for apps, CMS, web, backend and infrastructure. operation-manual
Process documentation: Writes up processes following the AWL documentation guidelines, ready to paste into the internal wiki. document-awl-process

Set up in Claude Code

Installs awl-project-management and awl-qualitymanagement.

Claude Code opens with the request filled in; you confirm with Enter.

So far there is only the AWL language guide here.

AWL tone and inclusive language: Applies the AWL language rules to German and French copy: tone, abbreviations, technical terms, Gendersternchen and point médian. style-guide

Set up in Claude Code

Installs awl-writing.

Claude Code opens with the request filled in; you confirm with Enter. Missing something? Anyone can write a skill, no coding needed – see «Contribute».

How we ship

This is how AWL ships: the same seven steps every time, from story to deploy. Each one carries lessons from real projects. Claude brings them along, so they do not stay in a few people’s heads.

Shape the story

Claude writes the user story with acceptance criteria and files it in ClickUp.

Powered by clickup-stories. More on this step

Get the lay of the land

Claude walks you through the codebase, reproduces a bug before anything changes, and pulls the official docs before a dependency comes in.

Powered by analyse-bug, research, explain-codebase. More on this step

Build it the AWL way

Claude builds the way the AWL templates do – for iOS, Android, KMP, SvelteKit and Payload. Big tasks get split across parallel agents.

Powered by kotlin-expert, swiftui-expert-skill, awl-npm-packages, sveltekit-app-setup, orchestrator. More on this step

Tests that pull their weight

A dedicated test agent writes tests in the style of each stack: web, Swift, Kotlin, .NET.

Powered by Tester, testing-web, testing-swift, testing-android, testing-dotnet. More on this step

Review before the MR

Claude reviews the code, checks every acceptance criterion of the story, and spots drift from the design system.

Powered by review, ac-checker, design-review. More on this step

Pipeline and deploy

Claude knows the pipeline components and the Natron cluster, and checks the deploy config against the real GitLab state before ArgoCD turns red.

Powered by gitlab-cicd, pre-deploy-check, deploying-to-kubernetes. More on this step

Keep what you learned

Claude writes down what it should know next time – as a project rule or in memory.

Powered by reflect. More on this step

The toolbox

Our knowledge is bundled by area: how we build iOS apps, how we deploy, how we write. You install only what you need, and anyone can contribute. Every skill is in the catalog.

Set it up by hand

Click “Add in Claude Code” and Claude Code opens with this command typed in; you confirm with Enter. Or copy it in yourself. Then open /plugin and pick your plugins under “Discover”.

/plugin marketplace add appswithlove/awl-agent-toolkitAdd in Claude Code

You need access to the appswithlove GitHub organization and an SSH key on GitHub. Everything else, including per-project setup for a whole team, is under Installation. After that: your first three prompts.

Stuck? Ask in #tools-claudecode on Slack. Or ask Claude itself: this site is available as /llms.txt, and every page can be copied as Markdown.