Claude Code bei Apps with love

Was AWL über gutes Arbeiten weiss, steckt hier in Skills – unsere Templates, unsere Pipeline, unser Prozess. Claude lädt sie von selbst, genau dann, wenn du sie brauchst.

Skills nach Rolle

Ich bin

Claude kennt die AWL-Templates, die Pipeline-Komponenten und den Natron-Cluster.

Autodeploy: Pipeline aus den AWL-Komponenten, Deploy-Job über ArgoCD auf den Natron-Cluster, DEPLOYMENT_VALUES und Secrets – und vor dem Merge ein Check gegen den echten GitLab-Stand, bevor ArgoCD rot wird. deploying-to-kubernetes
Tests schreiben: Ein eigener Agent für Unit- und Integrationstests über alle Stacks – Web, Swift, Kotlin, .NET – jeweils im Teststil des Stacks. Tester
Best Practices: Code-Review gegen bekannte Fehler-Muster, Research der offiziellen Doku vor jeder neuen Dependency, und die AWL-Grundsätze in jeder Session: KISS, YAGNI, minimale Änderungen. review

In Claude Code einrichten

Installiert awl-general, awl-testing und awl-cicd.

Claude Code öffnet sich mit dem fertigen Auftrag, du bestätigst mit Enter. Das Plugin für deinen Stack – awl-ios, awl-android oder awl-web – wählst du danach unter /plugin.

E2E-Tests, Abnahme gegen die Akzeptanzkriterien und Tests aus den Anforderungen.

End-to-End-Tests: Schreibt und debuggt Playwright-Tests für ganze User Flows, dazu Komponenten- und Accessibility-Tests mit Testing Library und axe. testing-web
Akzeptanzkriterien prüfen: Holt die Kriterien aus Jira, ClickUp, GitLab oder GitHub – das Issue erkennt es am Branch-Namen – und prüft jedes einzeln gegen den Code. ac-checker
Test Cases aus Specs: Ein eigener Agent leitet Tests aus den Anforderungen ab (TDD/BDD), mit Testnamen, die sich wie die Spezifikation lesen – für Web, iOS, Android und .NET. Tester

In Claude Code einrichten

Installiert awl-general und awl-testing.

Claude Code öffnet sich mit dem fertigen Auftrag, du bestätigst mit Enter.

Das AWL-Designsystem ist mit allen Tokens hinterlegt.

Design-Tokens nachschlagen: Exakte Werte für Markenfarben, Typografie, Abstände, Schatten, Radien und Breakpoints – mit JSON-Pfad und CSS-Variable. design-tokens
UI-Code gegen das Designsystem prüfen: Findet hartcodierte Farben und Abstände in React, Vue, Svelte, CSS und HTML, wo Tokens hingehören. design-review
Komponenten erzeugen: Generiert UI-Komponenten für React, Vue, Angular oder Svelte, die von Anfang an die AWL-Tokens verwenden. component-gen

In Claude Code einrichten

Installiert awl-design.

Claude Code öffnet sich mit dem fertigen Auftrag, du bestätigst mit Enter.

Stories, Betriebshandbuch und Prozessdokumentation im AWL-Format.

User Stories in ClickUp: Erstellt und pflegt User Stories mit Akzeptanzkriterien direkt in ClickUp. clickup-stories
Betriebshandbuch: Erstellt das AWL Operation Manual für ein Projekt: Service Desk sowie 2nd- und 3rd-Level-Support für Apps, CMS, Web, Backend und Infrastruktur. operation-manual
Prozessdokumentation: Schreibt Prozesse nach den AWL-Dokumentationsrichtlinien auf, fertig zum Einfügen ins interne Wiki. document-awl-process

In Claude Code einrichten

Installiert awl-project-management und awl-qualitymanagement.

Claude Code öffnet sich mit dem fertigen Auftrag, du bestätigst mit Enter.

Bisher gibt es hier nur den AWL-Sprachleitfaden.

AWL-Tonalität und Gendern: Wendet die AWL-Sprachregeln auf deutsche und französische Texte an: Tonalität, Abkürzungen, Fachbegriffe, Gendersternchen und point médian. style-guide

In Claude Code einrichten

Installiert awl-writing.

Claude Code öffnet sich mit dem fertigen Auftrag, du bestätigst mit Enter. Fehlt dir etwas? Skills schreiben kann jede*r, auch ohne zu programmieren – siehe «Beitragen».

Der AWL-Prozess

So liefert AWL: immer dieselben sieben Schritte, von der Story bis zum Deploy. In jedem steckt Wissen aus echten Projekten. Claude bringt es mit, damit es nicht nur in einzelnen Köpfen bleibt.

Story und Akzeptanzkriterien

Claude formuliert die User Story mit Akzeptanzkriterien und legt sie in ClickUp an.

Dahinter stehen clickup-stories. Mehr zu diesem Schritt

Code und Fehler verstehen

Claude erklärt dir die Codebase, reproduziert Fehler, bevor etwas geändert wird, und holt die offizielle Doku, bevor eine Dependency dazukommt.

Dahinter stehen analyse-bug, research, explain-codebase. Mehr zu diesem Schritt

Umsetzen nach AWL-Templates

Claude baut so, wie es die AWL-Templates vorsehen – für iOS, Android, KMP, SvelteKit und Payload. Grosse Aufgaben verteilt es auf parallele Agents.

Dahinter stehen kotlin-expert, swiftui-expert-skill, awl-npm-packages, sveltekit-app-setup, orchestrator. Mehr zu diesem Schritt

Tests schreiben

Ein eigener Test-Agent schreibt Tests im Stil des jeweiligen Stacks: Web, Swift, Kotlin, .NET.

Dahinter stehen Tester, testing-web, testing-swift, testing-android, testing-dotnet. Mehr zu diesem Schritt

Review vor dem Merge Request

Claude reviewt den Code, prüft jedes Akzeptanzkriterium der Story und findet Abweichungen vom Designsystem.

Dahinter stehen review, ac-checker, design-review. Mehr zu diesem Schritt

Pipeline und Deploy

Claude kennt die Pipeline-Komponenten und den Natron-Cluster und gleicht die Deploy-Konfiguration mit dem echten GitLab-Stand ab, bevor ArgoCD rot wird.

Dahinter stehen gitlab-cicd, pre-deploy-check, deploying-to-kubernetes. Mehr zu diesem Schritt

Learnings festhalten

Claude hält fest, was es beim nächsten Mal besser wissen sollte – als Regel im Projekt oder im Memory.

Dahinter stehen reflect. Mehr zu diesem Schritt

Plugins

Unser Wissen ist nach Bereichen gebündelt: wie wir iOS-Apps bauen, wie wir deployen, wie wir schreiben. Du installierst nur, was du brauchst, und jede und jeder kann etwas beitragen. Alle Skills stehen im Katalog.

Manuell einrichten

Ein Klick auf «In Claude Code hinzufügen» öffnet Claude Code mit diesem Befehl, du bestätigst mit Enter. Oder du kopierst ihn selbst hinein. Danach öffnest du /plugin und suchst dir unter «Discover» die Plugins aus.

/plugin marketplace add appswithlove/awl-agent-toolkitIn Claude Code hinzufügen

Du brauchst Zugriff auf die GitHub-Organisation appswithlove und einen SSH-Key bei GitHub. Alles Weitere, auch die Einrichtung pro Projekt fürs ganze Team, steht unter Installation. Danach: deine ersten drei Prompts.

Wenn du nicht weiterkommst, frag in #tools-claudecode auf Slack. Oder frag Claude selbst: Diese Seite gibt es als /llms.txt, und jede Unterseite lässt sich als Markdown kopieren.