跳到正文
UIGrammer
EN 中文

主题 · 产品 · 入门

看板

看板 = 横向分栏、可拖拽的卡片,以及每栏末尾添加卡片的入口。

直达修改 Prompt

提示

用颜色标签作为唯一装饰——它比拖拽把手承载更多含义。

Build a Trello-style kanban board for a product team, "TaskFlow". STYLE - Soft board background (#e4ebf3), light-gray lists (#ebecf0) - White cards with a subtle shadow and a small color label bar on top - Trello palette labels: green, yellow, purple, blue LAYOUT - Three lists side by side: To Do, Doing, Done - Each list has a header (name + add icon), cards, then an "Add a card" row - To Do: "User interviews" (green label), "Sprint plan" (yellow label); tall adds "Retro notes" - Doing: "Onboarding flow" (purple label), "Landing copy"; tall adds "Email template" - Done: "v1 launch" (blue label), "QA pass" COMPONENTS - List header with name and a "+" affordance - Cards with an optional color label and a title - An "Add a card" action at the bottom of each list TECHNICAL - React - Tailwind CSS - shadcn/ui