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. Hand-curated and tested by the AI Academy team.
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. 300+ tutorials and 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: 300+ hands-on tutorials on Claude, ChatGPT, Midjourney, and 50+ AI tools. New tutorials added every week.
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 300+ hands-on tutorials on ChatGPT, Claude, Midjourney, and 50+ AI tools. New tutorials added every week.
7-day free trial. Cancel anytime.