Files

T

pftom a98096a042 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.

2026-04-28 12:25:59 +08:00

1.3 KiB

Raw Blame History

name, description, triggers, ocd

name

description

triggers

ocd

team-okrs

OKR tracker page — quarter banner, three objectives with their key results as progress bars, owner avatars, status pills, and a "this quarter at a glance" sidebar. Use when the brief mentions "OKRs", "key results", "objectives", or "目标".

okr

okrs

key results

objectives

目标

mode

platform

scenario

preview

design_system

example_prompt

prototype

desktop

product

type	entry
html	index.html

requires

sections

true

color

typography

layout

components

Build an OKR tracker for Q4 — three objectives, three key results each, progress bars, owners, status pills.

Team OKRs Skill

Produce a single-screen OKR tracker.

Workflow

Read DESIGN.md.
Layout:
- Quarter banner: Q4 FY25, dates, overall progress chip.
- Three objective cards. Each has:
  - Objective title + owner avatar + status pill (On track / At risk / Off track)
  - 3 key results, each a row with metric / current → target / progress bar
- Right sidebar: at-a-glance KPIs, top movers, blockers callout.
Clear progress visualisation, calm palette, one accent.

Output contract

<artifact identifier="okr-q4" type="text/html" title="OKRs Q4">
<!doctype html>...</artifact>

1.3 KiB Raw Blame History

Team OKRs Skill

Workflow

Output contract

1.3 KiB

Raw Blame History