30 Claude Prompts for Kanban Tools
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.
Board
5 promptsBasic 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 promptsCard 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 promptsButton 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.
Rituals
5 promptsStandup 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 promptsPersonal 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.
Fixes
5 promptsNo 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.
Frequently Asked Questions
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.