Skip to main content
GrN.dk

Main navigation

  • Articles
  • Cases
  • Contact
  • Your Digital Project Manager
  • About Greg Nowak
  • Services
  • Portfolio
  • Container
    • Excel Freelancer
    • Kubuntu - tips and tricks
    • Linux Apache MySQL and PHP
    • News
    • Image Gallery
User account menu
  • Log in

Breadcrumb

  1. Home
  2. Cases

An interactive demo of the Trello-to-AI workflow

Client
GrN.dk — internal build
Sector
AI workflow automation
Period
July 2026

cases.grn.dk ↗

cases.grn.dk: the interactive kanban demo with two cards labelled ai:working and one finished card in Done

At a glance

One Trello card asked for something that would show — not tell — how a Danish company can hand work to an AI colleague. The answer was cases.grn.dk: a self-contained interactive page where the visitor types a task, watches an AI pick it up, gets asked a question, answers it, and sees the finished card land at the top of Done. The brief, the domain, the design, the copy, the sound and the publication were all handled by the AI setup the page describes.

1 Trello card from brief to live site
24 KB of HTML — the entire site
0 frameworks, no build step, no tracking

The challenge

“AI can take work off your desk” is easy to claim and hard to feel. A screen recording proves nothing — anything can be edited — and a written explanation of labels, queues and hand-offs loses a business owner in the first paragraph.

The brief was explicit about that: not a video. An interactive page, in Danish, aimed at Danish companies, that shows the whole loop — task in, AI picks it up, AI asks when it is unsure, human answers, finished work lands in Done — using sound and motion where they help rather than decorate. And it had to be published on its own domain.

The solution

cases.grn.dk is a single hand-written HTML file: 24 KB, no framework, no build step, no external assets, no tracking. Everything the page needs is inline, down to the emoji favicon.

The centre of the page is a working kanban simulation that borrows the real vocabulary of the live workflow instead of mocking one up:

  • the visitor types a task — or taps one of four presets — and the card drops into To-do;
  • a robot picks it up, the yellow ai:working label snaps on, and a log types out what it is doing;
  • one task hits a genuine decision, slides to Venter på dig with the orange ai:waiting label and asks its question on the card — the visitor answers with a button and unblocks it;
  • the finished card lands at the top of Done with a green label, a result note and a chime.

Every sound is synthesised in the browser with the Web Audio API, so there are no audio files to download, and the Danish narration uses the Web Speech API with a da-DK voice when the visitor's device has one — with a mute toggle in the corner for when it does not fit the moment. Below the demo, four steps explain the loop in plain Danish, and then the page makes the point that matters: it was ordered exactly the same way, and the card that ordered it is sitting in Done.

Delivery included the hosting, not just the page: an OpenLiteSpeed virtual host with scripting switched off — there is no server-side code to attack — plus a Let's Encrypt certificate and an HTTP-to-HTTPS redirect.

The results

The page has been live since 19 July 2026 and does in under a minute, on a phone, what normally takes a sales call: the visitor runs the workflow themselves, including the part where the AI stops and asks a question, which is the part people do not expect.

Because it is a static file, it costs effectively nothing to run, shrugs off a traffic spike, and has no database, plugin tree or admin login to keep patched.

And the build is its own evidence. The domain, the TLS certificate, the interaction design, the Danish copy, the synthesised sound and the publication all came out of one Trello card — the same loop the page lets you play with.

Not a video, but an interactive page or whatever it could be best practice mindblowing wow factor 2026.

The Trello card that ordered this page
  • AI workflow automation
  • AI agents
  • trello
  • javascript

Got a project that needs the same kind of hands-on delivery?

Your digital project manager

Review Greg on Google

Greg Nowak Google Reviews

 

Illustrated infographic summarizing: One Timeout, Two Orders: Make AI Actions Safe to Retry
One Timeout, Two Orders: Make AI Actions Safe to Retry
2026-07-25

A timed-out AI action may already have succeeded. Stable keys, durable ledgers, queues and stored results prevent a routine retry from duplicating real work.

Illustrated infographic summarizing: Your AI Visibility Dashboard Needs a Methodology, Not More Charts
Your AI Visibility Dashboard Needs a Methodology, Not More Charts
2026-07-24

A practical framework for measuring AI-search visibility with fixed prompts, repeated tests, separate metrics, retained evidence, and honest reporting.

Illustrated infographic summarizing: AI Admin APIs Are Here—But Your Directory Is Still the Source of Truth
AI Admin APIs Are Here—But Your Directory Is Still the Source of Truth
2026-07-23

New AI admin APIs can automate access and spend controls, but reliable governance still starts with authoritative directory data and clear ownership.

Illustrated infographic summarizing: OpenAI Presence Arrived—But Is Your Workflow Ready for an Agent?
OpenAI Presence Arrived—But Is Your Workflow Ready for an Agent?
2026-07-22

Before an AI agent can take on real work, its workflow needs clear scope, permissions, handoffs, evaluation cases, and production monitoring.

Illustrated infographic summarizing: Chatbot Transcripts Quietly Became a Retention and Redaction Problem
Chatbot Transcripts Quietly Became a Retention and Redaction Problem
2026-07-21

Chatbot transcripts spread across providers, logs and support tools. Here is how to map each copy, redact sensitive data and test deletion properly.

Illustrated infographic summarizing: Cloudflare Service Keys Stop in September: Find Every Caller
Cloudflare Service Keys Stop in September: Find Every Caller
2026-07-20

Cloudflare Service Keys stop working on September 30, 2026. Here is how to find every caller, move to scoped API tokens and avoid a late outage.

Illustrated infographic summarizing: Your AI Workflow Needs an Acceptance Test Before It Meets Customers
Your AI Workflow Needs an Acceptance Test Before It Meets Customers
2026-07-19

A practical way to test AI workflows using realistic scenarios, tool checks, human rubrics, regression suites, and clear release gates.

Three cover candidates for The Goats Were Load-Bearing fanned on a dark background: an ember-lit door, three slow knocks, and a founders' ledger
The Goats Were Load-Bearing: a fantasy where the bill always comes due
2026-07-19

A teaser for the upcoming darkly comic fantasy novel The Goats Were Load-Bearing — a village, a door that must stay poor, and the worst possible time to sell the herd. Readers pick the cover.

Vegan Power game: the yellow player catches falling fruit while a chicken and a cow look on
Vegan Power: The Little Game About Eating Fruit, Not Friends
2026-07-19

Vegan Power is a free browser game where you catch fruit, dodge the animals, protect seven hearts, and chase a better high score.

KotobaMon title screen: the Japanese logo コトバモン over a low-poly 3D island with monsters, cherry-blossom trees and a trainer.
KotobaMon: Shipping a 3D Browser Game With No Build Step and Self-Hosted Voice
2026-07-19

A look at fantasy.grn.dk, a browser-based 3D game that teaches Japanese with no build step, procedural art and self-hosted AI voice, and what its constraints show about shipping interactive products fast and cheap.

More articles
RSS feed

GrN.dk web platforms, web optimization, data analysis, data handling and logistics.