Claude Prompt Library

30 Claude Prompts for Kanban Tools

30 copy-paste prompts

Fill the brackets. Claude returns one HTML kanban as an Artifact: columns, cards, move. In-memory only. Not Jira and not a live multiplayer board.

In short: This page contains 30 copy-paste ready prompts, organized into 6 categories with a description and pro tip for each. The first 5 prompts are free instantly, no signup needed. Drafted with AI writing assistance and checked against our editorial policy.

Louis Corneloup
By Louis Corneloup · Founder, Techpresso
Last updated ·Drafted with AI assistance (how we make prompts)

Board

5 prompts

Basic Board

1/30

✨ What it does

Claude builds a basic kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a kanban designer <context> I need one self-contained HTML basic kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Columns: [COLS] - Cards I have: [CARDS] </inputs> <task> Build a responsive basic kanban with these sections: 1. Columns from [COLS] 2. Cards from [CARDS] only 3. Move with buttons Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a card.

Empty Board

2/30

✨ What it does

Claude builds a empty kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an empty-state designer <context> I need one self-contained HTML empty kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Columns: [COLS] - Why empty: [WHY] </inputs> <task> Build a responsive empty kanban with these sections: 1. Empty columns 2. [WHY] 3. Dummy add Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: No sample tickets.

WIP Limit

3/30

✨ What it does

Claude builds a wip kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a wip designer <context> I need one self-contained HTML wip kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Limits I set: [LIMITS OR NONE] </inputs> <task> Build a responsive wip kanban with these sections: 1. Limits or skip 2. Warn in JS if over 3. Cards I gave Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent WIP 3.

Swimlanes

4/30

✨ What it does

Claude builds a lanes kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a lanes designer <context> I need one self-contained HTML lanes kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Lanes: [LANES] - Cards: [CARDS] </inputs> <task> Build a responsive lanes kanban with these sections: 1. Lanes from [LANES] 2. Cards 3. Dummy move Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a lane.

Filter Board

5/30

✨ What it does

Claude builds a filter kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a filter designer <context> I need one self-contained HTML filter kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Tags: [TAGS] - Cards: [CARDS] </inputs> <task> Build a responsive filter kanban with these sections: 1. Tags from [TAGS] 2. Hide cards in JS 3. Columns Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a tag.

Cards

5 prompts

Card Detail

6/30

✨ What it does

Claude builds a card-detail kanban for [CARD] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a card designer <context> I need one self-contained HTML card-detail kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [CARD] - Fields: [FIELDS] </inputs> <task> Build a responsive card-detail kanban with these sections: 1. Drawer from [FIELDS] 2. Dummy save 3. Back Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a comment.

Add Card

7/30

✨ What it does

Claude builds a add-card kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an add designer <context> I need one self-contained HTML add-card kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Columns: [COLS] </inputs> <task> Build a responsive add-card kanban with these sections: 1. Add form 2. Land in first column 3. In memory Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Title is required.

Labels

8/30

✨ What it does

Claude builds a labels kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a labels designer <context> I need one self-contained HTML labels kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Labels I have: [LABELS] </inputs> <task> Build a responsive labels kanban with these sections: 1. Labels from [LABELS] 2. Dummy assign 3. Board Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent Urgent.

Assignee Stub

9/30

✨ What it does

Claude builds a assignee kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an assignee designer <context> I need one self-contained HTML assignee kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - People: [PEOPLE] </inputs> <task> Build a responsive assignee kanban with these sections: 1. People from [PEOPLE] 2. Dummy assign 3. Board Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a teammate.

Due Stub

10/30

✨ What it does

Claude builds a due kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a due designer <context> I need one self-contained HTML due kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Dates I have: [DATES OR NONE] </inputs> <task> Build a responsive due kanban with these sections: 1. Dates or skip 2. Dummy save Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent Friday.

Move

5 prompts

Button Move

11/30

✨ What it does

Claude builds a button-move kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a move designer <context> I need one self-contained HTML button-move kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Columns: [COLS] - Cards: [CARDS] </inputs> <task> Build a responsive button-move kanban with these sections: 1. Next / back buttons 2. Working JS 3. Cards Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Drag is optional. Buttons must work.

Drag Move

12/30

✨ What it does

Claude builds a drag kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a drag designer <context> I need one self-contained HTML drag kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Columns: [COLS] - Cards: [CARDS] </inputs> <task> Build a responsive drag kanban with these sections: 1. Drag if easy 2. Else buttons 3. In memory Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: If drag is flaky, ship buttons.

Done Column

13/30

✨ What it does

Claude builds a done kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a done designer <context> I need one self-contained HTML done kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Cards: [CARDS] </inputs> <task> Build a responsive done kanban with these sections: 1. Done at the end 2. Dummy complete 3. Count [VERIFY] Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent 12 done.

Blocked

14/30

✨ What it does

Claude builds a blocked kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a blocked designer <context> I need one self-contained HTML blocked kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Why blocked: [WHY OR NONE] </inputs> <task> Build a responsive blocked kanban with these sections: 1. Blocked flag 2. Why or skip 3. Dummy clear Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a blocker.

Archive

15/30

✨ What it does

Claude builds a archive kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an archive designer <context> I need one self-contained HTML archive kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Cards: [CARDS] </inputs> <task> Build a responsive archive kanban with these sections: 1. Archive dummy 2. Hidden list 3. Restore Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Archive is local.

These prompts give you the what. Tutorials give you the why.

Learn when to use extended thinking, how to build Claude Projects, and workflows that compound. The library keeps growing.

Try AI Academy Free

Rituals

5 prompts

Standup Board

16/30

✨ What it does

Claude builds a standup kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a standup designer <context> I need one self-contained HTML standup kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Cards: [CARDS] </inputs> <task> Build a responsive standup kanban with these sections: 1. Yesterday / today / stuck if I said so 2. Cards only 3. Dummy note Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent yesterday work.

Retro Stub

17/30

✨ What it does

Claude builds a retro kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a retro designer <context> I need one self-contained HTML retro kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Notes I have: [NOTES OR NONE] </inputs> <task> Build a responsive retro kanban with these sections: 1. Notes or empty 2. Dummy add Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a rant.

Sprint Header

18/30

✨ What it does

Claude builds a sprint kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a sprint designer <context> I need one self-contained HTML sprint kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Sprint name: [SPRINT OR VERIFY] </inputs> <task> Build a responsive sprint kanban with these sections: 1. Name or [VERIFY] 2. Dates [VERIFY] 3. Board Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent Sprint 14.

Definition Of Done

19/30

✨ What it does

Claude builds a dod kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a dod designer <context> I need one self-contained HTML dod kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Done means: [DONE] </inputs> <task> Build a responsive dod kanban with these sections: 1. [DONE] on the board 2. Cards 3. Dummy check Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a checklist.

WIP Meeting

20/30

✨ What it does

Claude builds a wip-meeting kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a wip-meeting designer <context> I need one self-contained HTML wip-meeting kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Limits: [LIMITS OR NONE] </inputs> <task> Build a responsive wip-meeting kanban with these sections: 1. Limits or skip 2. Over-limit warn 3. Cards I gave Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Meeting is a heading, not a Zoom.

Variants

5 prompts

Personal Kanban

21/30

✨ What it does

Claude builds a personal kanban for [YOUR NAME] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a personal designer <context> I need one self-contained HTML personal kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [YOUR NAME] - Cards: [CARDS] </inputs> <task> Build a responsive personal kanban with these sections: 1. Three columns 2. Cards from [CARDS] 3. Dummy add Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: No fake teammates.

Hiring Kanban

22/30

✨ What it does

Claude builds a hiring kanban for [ROLE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a hiring designer <context> I need one self-contained HTML hiring kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [ROLE] - Candidates I have: [PEOPLE] </inputs> <task> Build a responsive hiring kanban with these sections: 1. People from [PEOPLE] 2. Dummy move 3. No invented candidate Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a resume.

Rebuild Kanban

23/30

✨ What it does

Claude builds a rebuilt kanban for [CURRENT PASTE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a ruthless editor <context> I need one self-contained HTML rebuilt kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [CURRENT PASTE] - Keep: [KEEP] - Cut: [CUT] </inputs> <task> Build a responsive rebuilt kanban with these sections: 1. Diagnose 2. Rebuild 3. Keep [KEEP] Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Paste the current board.

Mobile Kanban

24/30

✨ What it does

Claude builds a mobile kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a mobile designer <context> I need one self-contained HTML mobile kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Cards: [CARDS] </inputs> <task> Build a responsive mobile kanban with these sections: 1. Horizontal snap 2. Cards 3. Dummy add Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Thumb to next column.

Quiet Kanban

25/30

✨ What it does

Claude builds a quiet kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a quiet designer <context> I need one self-contained HTML quiet kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Cards: [CARDS] </inputs> <task> Build a responsive quiet kanban with these sections: 1. Type 2. Cards 3. No stickers circus Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Text first.

Most people use 10% of Claude. Tutorials unlock the rest.

AI Academy: hands-on tutorials on Claude, ChatGPT, Midjourney, and many other AI tools. New tutorials are added regularly.

Start Your Free Trial

Fixes

5 prompts

No Fake Velocity

26/30

✨ What it does

Claude builds a no-fake-velocity kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a velocity skeptic <context> I need one self-contained HTML no-fake-velocity kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Cards: [CARDS] </inputs> <task> Build a responsive no-fake-velocity kanban with these sections: 1. Rebuild 2. No 34 points Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Points you did not estimate go.

A11y Kanban

27/30

✨ What it does

Claude builds a accessible kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an a11y designer <context> I need one self-contained HTML accessible kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Cards: [CARDS] </inputs> <task> Build a responsive accessible kanban with these sections: 1. Move buttons 2. Focus 3. Columns Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Drag is not the only move.

Local Only Banner

28/30

✨ What it does

Claude builds a local-only kanban for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a honesty editor <context> I need one self-contained HTML local-only kanban I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Cards: [CARDS] </inputs> <task> Build a responsive local-only kanban with these sections: 1. Banner in-memory 2. Board 3. Refresh wipes Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Say refresh wipes it.

Kanban Plus Detail

29/30

✨ What it does

Claude builds a kanban-plus-detail for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a combo designer <context> I need one self-contained HTML kanban-plus-detail I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Cards: [CARDS] - Fields: [FIELDS] </inputs> <task> Build a responsive kanban-plus-detail with these sections: 1. Board 2. Drawer Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Drawer uses [FIELDS].

Kanban Plus Empty

30/30

✨ What it does

Claude builds a kanban-plus-empty for [TEAM] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a combo designer <context> I need one self-contained HTML kanban-plus-empty I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [TEAM] - Why empty: [WHY] </inputs> <task> Build a responsive kanban-plus-empty with these sections: 1. Empty 2. Add Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: [WHY] stays visible.

Free tool

Prompt Optimizer

Turn a rough idea into a structured, professional AI prompt.

Try it free →

Frequently Asked Questions

No. Every prompt tells Claude to mark missing facts as [VERIFY] instead of inventing customers, prices, or dates on the kanban tool. You still review the Artifact before you publish.
Use Claude with Artifacts (claude.ai or the desktop app). Paste a prompt, fill the brackets, and open the HTML Artifact in the chat. Download the file when it looks right.
Yes, it is one self-contained file with inline CSS. Swap photo placeholders and [VERIFY] lines, then host it. It is a working first page, not a production design system.
The prompts are free to copy. Generating Artifacts needs a Claude plan that can create them. The free tier has limits. Paid plans run more generously.
The hub covers a whole site. This page is only the kanban tool: thirty prompts, one job, so the Artifact stays on that page instead of turning into a generic homepage.

Prompts are the starting line. Tutorials are the finish.

A growing library of hands-on tutorials on ChatGPT, Claude, Midjourney, and many other AI tools. New tutorials are added regularly.

7-day free trial. Cancel anytime.