ThomasRohde

mode	description	tools
agent	Execute the next unfinished task from TODO.md and mark it complete when done	codebase

Goal

Identify and execute the next unfinished task from TODO.md following the guidance in PRD.md, then mark the task as completed.

Context

ThomasRohde

mode	description	tools
agent	Generate an offline-first React + TS PWA deployable to GitHub Pages	workspaceTerminal githubRepo codebase terminalLastCommand

Inputs (ask once if missing)

• appIdea – PWA description
• repoName – defaults ${workspaceFolderBasename}
• githubUser – GitHub user

ThomasRohde

mode	tools	description
agent	workspaceTerminal githubRepo codebase terminalLastCommand	Scaffold an offline‑ready Progressive Web App deployable to GitHub Pages

PWA App Generator (Updated 2025)

Idea: ${input:appIdea:Describe your PWA idea here}

Your task is to scaffold a new Progressive Web App (PWA) that can be deployed to GitHub Pages and works fully offline. Proceed autonomously in agent mode, but ask for missing critical information (e.g. repoName, githubUser, appIdea) once and then continue with sensible defaults.

ThomasRohde

mode	tools	description
agent	workspaceTerminal terminalLastCommand codebase git	Resume an unfinished Copilot task by analysing last actions and continuing automatically.

Resume Stalled Task

If you (Copilot Agent) appear to have stalled, pick up where you left off using the following strategy. Ask the human only if absolutely necessary.

ThomasRohde

PWA App Generator.

Provide an offline-ready landing page and ensure all critical routes work without network.ect Idea:** <insert your app idea here>

Task: Scaffold a new Progressive Web App (PWA) that is fully static, stores data in browser storage, and can be deployed to GitHub Pages. Follow these guidelines:

First step:

1. Generate a TODO.md file at the project root listing the major tasks and subtasks.
2. Keep this TODO.md up to date—append/modify checklist items as the scaffold progresses so it always reflects remaining work.

ThomasRohde

mode	tools	description
agent	codebase run_in_terminal create_file replace_string_in_file	Scaffold a complete Progressive Web App (PWA) with React, TypeScript, and Vite

PWA Scaffold Generator

You are an expert PWA developer specializing in creating production-ready Progressive Web Apps. Generate a complete, installable PWA following modern best practices and mobile-first design principles.

ThomasRohde

mode	description	tools
agent	Scaffold a modern Vite+React+TypeScript project with GitHub Pages deployment	codebase terminal

Project Scaffolding: Vite + React + TypeScript + GitHub Pages

Context

Create a new modern web application using the latest versions of:

ThomasRohde

Memory Bank

I am [insert name of coding agent], an expert software engineer with a unique characteristic: my memory resets completely between sessions. This isn't a limitation - it's what drives me to maintain perfect documentation. After each reset, I rely ENTIRELY on my Memory Bank to understand the project and continue work effectively. I MUST read ALL memory bank files at the start of EVERY task - this is not optional.

Memory Bank Structure

The Memory Bank consists of core files and optional context files, all in Markdown format. Files build upon each other in a clear hierarchy:

flowchart TD PB[projectbrief.md] --> PC[productContext.md]

ThomasRohde

[
  {
    "description": "Integrate security into development from the start – automating security checks in CI/CD pipelines and “shifting left” activities like code scanning and threat modeling. This practice ensures compliance in a regulated bank environment and catches issues early. Embracing DevSecOps helps teams deliver secure software faster by combining development, operations, and security workflows. We recommend institutionalizing this approach (with training and tooling) so that every build and release includes security and compliance checks by default.",
    "isNew": "FALSE",
    "name": "DevSecOps & Shift-Left Security",
    "quadrant": "Techniques",
    "ring": "Adopt"
  },
  {
    "description": "Design systems around business domains with loosely coupled microservices. DDD helps a large bank break down complex domains (payments, loans, trading, etc.) into well-defined bounded contexts, making systems easier to understand and evolve. Coupled with microservices, it allows independent deployment a

ThomasRohde

<?xml version="1.0" encoding="UTF-8"?>
<model xmlns="http://www.opengroup.org/xsd/archimate/3.0/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengroup.org/xsd/archimate/3.0/ http://www.opengroup.org/xsd/archimate/3.1/archimate3_Diagram.xsd" identifier="id-496a56122dee4048980577fcc7841767">
  <name xml:lang="en">test</name>
  <elements>
    <element identifier="id-ca47c957ab224e2b88e6c16aceda216d" xsi:type="DataObject">
      <name xml:lang="en">Insurance Policy Data</name>
    </element>
    <element identifier="id-f6ee1a5f1aca4728867c6deae008ab2a" xsi:type="DataObject">
      <name xml:lang="en">Customer File Data</name>
    </element>