Add initial project structure with essential files

- Created .gitignore to exclude build artifacts and dependencies.
- Added index.html as the main entry point for the application.
- Included LICENSE file with Apache 2.0 terms.
- Initialized package.json and package-lock.json for project dependencies.
- Added pnpm-lock.yaml for package management.
- Created QUICKSTART.md for setup instructions.
- Added README.md and README.zh-CN.md for project documentation in English and Chinese.
This commit is contained in:
pftom
2026-04-28 12:25:59 +08:00
commit a98096a042
258 changed files with 67862 additions and 0 deletions
+48
View File
@@ -0,0 +1,48 @@
---
name: kanban-board
description: |
Kanban / task board with columns (To do / In progress / In review / Done),
draggable-looking cards, assignee avatars, swimlanes, and a top filter
bar. Use when the brief mentions "kanban", "task board", "sprint board",
"trello", "看板".
triggers:
- "kanban"
- "task board"
- "sprint board"
- "trello"
- "jira board"
- "看板"
ocd:
mode: prototype
platform: desktop
scenario: operations
preview:
type: html
entry: index.html
design_system:
requires: true
sections: [color, typography, layout, components]
example_prompt: "Make me a kanban board for a 5-person growth squad mid-sprint — backlog, doing, review, done."
---
# Kanban Board Skill
Produce a single-screen kanban board.
## Workflow
1. Read the active DESIGN.md.
2. Identify squad name, sprint number, columns, and member roster from the brief.
3. Layout:
- Top bar: project crumb, sprint chip, filter row (members, labels, status), search.
- 4 columns: Backlog, In progress, In review, Done. Each column has a count chip and an "+ add" affordance.
- 36 cards per column. Each card: tag chip, title, assignee avatar, point estimate, progress (if applicable).
- Sidebar (collapsible feel): "Sprint pulse" with progress bar, top assignees, blocked-tickets callout.
4. One inline `<style>`, semantic HTML.
## Output contract
```
<artifact identifier="kanban-board" type="text/html" title="Sprint Board">
<!doctype html>...</artifact>
```