summer-engine 3.7.0 → 3.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude-plugin/marketplace.json +2 -2
- package/.claude-plugin/plugin.json +4 -2
- package/.codex-plugin/plugin.json +5 -3
- package/.cursor-plugin/plugin.json +4 -2
- package/.factory-plugin/plugin.json +4 -2
- package/CHANGELOG.md +16 -0
- package/README.md +11 -1
- package/commands/summer.md +2 -1
- package/dist/core/capabilities/apps.d.ts +318 -0
- package/dist/core/capabilities/apps.js +340 -0
- package/dist/core/capabilities/enable-plugin.d.ts +27 -0
- package/dist/core/capabilities/enable-plugin.js +75 -0
- package/dist/core/capabilities/tool-dispatch.js +49 -0
- package/dist/core/capability-skew.js +4 -0
- package/dist/mcp/hosted-mount.js +13 -1
- package/dist/mcp/server.js +2 -0
- package/dist/mcp/tools/app-tools.d.ts +2 -0
- package/dist/mcp/tools/app-tools.js +64 -0
- package/dist/mcp/tools/generate-tools.js +3 -3
- package/gemini-extension.json +3 -1
- package/library/references/mcp-tools-reference/mcp-tools-reference.md +23 -1
- package/library/skills/README.md +10 -2
- package/library/skills/sound-effect/SKILL.md +2 -0
- package/library/skills/summer-apps/SKILL.md +152 -0
- package/library/skills/summer-apps/manifest.md +57 -0
- package/library/skills/summer-apps/minimal-app.md +183 -0
- package/library/skills/summer-apps/resource.yaml +36 -0
- package/library/skills/summer-apps/sdk-reference.md +135 -0
- package/library/skills/summer-apps-design/SKILL.md +197 -0
- package/library/skills/summer-apps-design/resource.yaml +23 -0
- package/library/skills/using-summer/SKILL.md +1 -0
- package/library/tools/app-call/resource.yaml +59 -0
- package/library/tools/app-create/resource.yaml +67 -0
- package/library/tools/app-data/resource.yaml +74 -0
- package/library/tools/app-dock/resource.yaml +59 -0
- package/library/tools/app-events/resource.yaml +68 -0
- package/library/tools/app-get/resource.yaml +46 -0
- package/library/tools/app-guide/resource.yaml +55 -0
- package/library/tools/app-list/resource.yaml +48 -0
- package/library/tools/app-page/resource.yaml +74 -0
- package/library/tools/app-publish/resource.yaml +90 -0
- package/library/tools/app-report-gap/resource.yaml +58 -0
- package/library/tools/app-screenshot/resource.yaml +85 -0
- package/library/tools/app-tools/resource.yaml +46 -0
- package/library/tools/app-update/resource.yaml +68 -0
- package/library/tools/enable-plugin/resource.yaml +53 -0
- package/package.json +1 -1
- package/registry/generated/aliases.json +15 -0
- package/registry/generated/counts.json +3 -3
- package/registry/generated/gemini-extension.json +3 -1
- package/registry/generated/index.json +656 -3
- package/registry/generated/marketplace.claude.json +2 -2
- package/registry/generated/plugin.claude.json +4 -2
- package/registry/generated/plugin.codex.json +5 -3
- package/registry/generated/plugin.cursor.json +4 -2
- package/registry/generated/plugin.factory.json +4 -2
- package/registry/generated/skills-index.md +10 -2
- package/registry/generated/skills-registry.json +27 -0
- package/registry/schemas/allowed-hosts.json +4 -2
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
# Summer Apps SDK quick reference
|
|
2
|
+
|
|
3
|
+
`window.summer`, loaded with `<script type="module" src="/summer-sdk/v1.js">` (the app's own
|
|
4
|
+
host, apps.summerengine.app). The UI kit is `<script type="module" src="/summer-ui/v1/ui.js">`
|
|
5
|
+
(stylesheet alone: `/summer-ui/v1/ui.css`). Use `type="module"` (a classic script still works but warns); other paths do not work. Calling `summer.data.list(name)` and the like rejects with `invalid` and says to use `summer.data.collection(name)`.
|
|
6
|
+
|
|
7
|
+
The app runs in a sandboxed frame on that host:
|
|
8
|
+
`sandbox="allow-scripts allow-forms allow-popups allow-modals allow-downloads"`, never
|
|
9
|
+
`allow-same-origin`. So it is an opaque origin (no cookies, no `localStorage`), with no network
|
|
10
|
+
unless the workspace allows a domain; the kit and SDK are served with CORS so the module
|
|
11
|
+
scripts load. It only works inside Summer Studio. To preview, publish to a Scratch app and open
|
|
12
|
+
it there (`/studio/apps/<appId>`). There is no offline or local host; do not build one or mock
|
|
13
|
+
the SDK. Opening `index.html` on its own never connects, so `summer.ready` waits forever.
|
|
14
|
+
|
|
15
|
+
Every call returns a promise and runs as the person using the app. Failures reject with
|
|
16
|
+
`SummerError { code, message }`. Methods need the manifest permission in brackets.
|
|
17
|
+
|
|
18
|
+
## Start
|
|
19
|
+
|
|
20
|
+
| Call | Returns |
|
|
21
|
+
|---|---|
|
|
22
|
+
| `await summer.ready` | `{ app: { id, name, version, surface, format }, viewer: { userId, name }, permissions: string[], params: { [k]: string }, theme: "light"\|"dark", restored?: any }` |
|
|
23
|
+
| `summer.app.viewer()` | `{ userId, name, image, role: "owner"\|"admin"\|"member", canManage, spentTodayMicro, dailyCapMicro }` |
|
|
24
|
+
| `summer.app.info({ params })` | `{ app, version, manifest, params }` |
|
|
25
|
+
| `summer.app.setTitle(title)`, `summer.app.notify(text)`, `summer.app.needsYou(count)`, `summer.app.open("/studio/...")` | `void` |
|
|
26
|
+
| `summer.app.theme()` / `summer.app.onTheme(fn)` | `"light"\|"dark"` / stop function |
|
|
27
|
+
| `summer.app.onSnapshot(() => state)` | stop function. `state` (JSON, up to 256 KB) comes back as `(await summer.ready).restored` after Studio moves the app to a fresh frame. |
|
|
28
|
+
| `summer.app.busy(on)` | `void`. Wrap Web Audio playback in `busy(true)` / `busy(false)`; `<audio>` and `<video>` count on their own. |
|
|
29
|
+
|
|
30
|
+
Use `(await summer.ready).viewer` for who is using the app; `summer.app.viewer()` is the same
|
|
31
|
+
person plus role and spend. The kit applies Studio's light or dark theme by itself
|
|
32
|
+
(`html.dark`): apps never toggle it. `theme()` / `onTheme` are only for your own drawing (canvas).
|
|
33
|
+
|
|
34
|
+
## Shared data [data]
|
|
35
|
+
|
|
36
|
+
There is no `summer.data.list(name)`. Always go through `summer.data.collection(name)`.
|
|
37
|
+
|
|
38
|
+
```js
|
|
39
|
+
const notes = summer.data.collection("notes"); // name: lowercase a-z 0-9 _ . - (max 48)
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
| Call | Returns |
|
|
43
|
+
|---|---|
|
|
44
|
+
| `notes.list({ limit = 200, after })` | `{ revision, records: Record[], next: string\|null, collections: [{ name, count }] }`. Removed records are never listed. Pass `next` as `after` for the next page (max 500 per page). |
|
|
45
|
+
| `notes.get(id)` | `Record`, or `null` (also for a removed record) |
|
|
46
|
+
| `notes.put(id, data, { ifRevision })` | `Write` (creates or replaces) |
|
|
47
|
+
| `notes.patch(id, partial, { ifRevision })` | `Write` (shallow merge; `null` removes a key; creates if missing) |
|
|
48
|
+
| `notes.remove(id, { ifRevision })` | `Write` |
|
|
49
|
+
| `notes.subscribe((change) => …)` | stop function |
|
|
50
|
+
| `summer.data.subscribe((change) => …)` | every collection |
|
|
51
|
+
| `summer.data.commands({ requestId, baseRevision, ops })` | `Write`: up to 100 ops in one revision |
|
|
52
|
+
|
|
53
|
+
```ts
|
|
54
|
+
Record = { collection, recordId, data, revision, actor, createdBy, createdAt, updatedAt, deleted }
|
|
55
|
+
Write = { revision, operation: { revision, requestId, actor, ops, createdAt }, records: Record[], replayed }
|
|
56
|
+
change = { revision, actor, ops: Op[] } | { revision, reset: true } // on reset, list again
|
|
57
|
+
actor = { userId, kind: "person" | "agent" | "seed", agent?: "claude-code" | ..., via?: "agent-tool" }
|
|
58
|
+
Op = { op: "put", collection, recordId, data, ifRevision? }
|
|
59
|
+
| { op: "patch", collection, recordId, patch, ifRevision? }
|
|
60
|
+
| { op: "remove", collection, recordId, ifRevision? }
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
`ifRevision: n` applies only if the record is still at revision `n` (`0`: only if it does not
|
|
64
|
+
exist); otherwise the call rejects with `conflict`. Record ids: letters, digits, `_ . : -`
|
|
65
|
+
(max 128). Records are JSON up to 64 KB, 10,000 per collection, 50 collections.
|
|
66
|
+
|
|
67
|
+
### Who changed it
|
|
68
|
+
|
|
69
|
+
`actor.userId` is the account the write ran as, the same id as `ready.viewer.userId` and
|
|
70
|
+
`app.viewer().userId`. `kind: "agent"` marks writes an agent made with `summer_app_data`, and
|
|
71
|
+
writes your own code made while running an agent tool for `summer_app_call` (those also have
|
|
72
|
+
`via: "agent-tool"`). Show agent-made rows (a small "by agent" label) so people know.
|
|
73
|
+
|
|
74
|
+
`actor` is the last writer. `createdBy` (same shape) is who created the record and does not
|
|
75
|
+
change on later edits, so take the "by agent" label from `createdBy.kind === "agent"`: it
|
|
76
|
+
survives a person's edit. `kind: "seed"` is starter data an agent wrote for the team
|
|
77
|
+
(`summer_app_data` with `as: "seed"`): show no author for it.
|
|
78
|
+
|
|
79
|
+
## Agents
|
|
80
|
+
|
|
81
|
+
| Call | Returns |
|
|
82
|
+
|---|---|
|
|
83
|
+
| `summer.agent.send(name, payload)` | `{ seq }`. `name` must be in `manifest.agentEvents`. Agents read it with `summer_app_events`. |
|
|
84
|
+
| `summer.agent.tool(name, async (input, { agent }) => result)` | stop function. `name` must be in `manifest.agentTools`; `agent` is the calling agent's name. Data writes the handler makes are recorded as that agent's (`via: "agent-tool"`). `summer_app_call` runs it; return JSON (under 100 KB); a throw becomes `tool_failed`. |
|
|
85
|
+
| `summer.agent.onMessage((message) => …)` | stop function |
|
|
86
|
+
| `summer.page.declare({ fields, actions })` | promise. `fields: [{ id, label, kind: "text"\|"long-text"\|"number"\|"toggle"\|"choice", value, options?: [{ value, label }] (for choice), max?, hint?, set(value) }]`, `actions: [{ id, label, description?, critical?, run() }]`. Call it again when values change. Critical actions are pressed only by the person. |
|
|
87
|
+
|
|
88
|
+
## Assets, generation, AI
|
|
89
|
+
|
|
90
|
+
| Call | Permission | Returns |
|
|
91
|
+
|---|---|---|
|
|
92
|
+
| `summer.assets.search(q, { filters, limit })` | assets:read | matching assets |
|
|
93
|
+
| `summer.assets.get(id)` | assets:read | one asset (`fileUrl`/`url`, `kind`, `title`, ...) |
|
|
94
|
+
| `summer.assets.upload({ name, contentType, base64 })` | assets:write | the new asset |
|
|
95
|
+
| `summer.assets.saveToLibrary(id, { name })` | assets:write | the saved asset |
|
|
96
|
+
| `summer.generate.image({ prompt })`, `.sfx({ prompt, durationSeconds })`, `.sfxChoices({ prompt })`, `.music({ prompt, durationSeconds })`, `.voice({ text, voiceId })` | generate | the result with its asset |
|
|
97
|
+
| `summer.generate.model3d({ prompt })`, `.video({ prompt })`, then `summer.generate.job(jobId)` | generate | a job, then its status |
|
|
98
|
+
| `summer.ai.complete({ prompt, system, json })` | ai | the model's answer |
|
|
99
|
+
|
|
100
|
+
Paid calls spend the viewer's credits; `spend_cap_reached` when the app's daily cap is hit.
|
|
101
|
+
|
|
102
|
+
## Team, projects, analytics
|
|
103
|
+
|
|
104
|
+
| Call | Permission |
|
|
105
|
+
|---|---|
|
|
106
|
+
| `summer.team.members()` → `{ members: [{ userId, role, name, image }] }` (never emails) | team:read |
|
|
107
|
+
| `summer.team.presence()` → `{ presence: [{ userId, name, image, surface, seenAt }] }` | none |
|
|
108
|
+
| `summer.projects.list()`, `summer.projects.get(id)` | projects:read |
|
|
109
|
+
| `summer.grow.portfolio({ range: 7\|28\|90 })` (totals and per-game rows each carry `previous`: the same-length window before, or null), `summer.grow.game(id)`, `summer.grow.earnings()` | grow:read |
|
|
110
|
+
|
|
111
|
+
## Engine [engine:read / engine:write]
|
|
112
|
+
|
|
113
|
+
| Call | Notes |
|
|
114
|
+
|---|---|
|
|
115
|
+
| `summer.engine.status()` | Is an engine connected for this person |
|
|
116
|
+
| `summer.engine.readFile(path)` / `writeFile(path, content)` | Only `manifest.engineFiles` paths (and `res://addons/<plugin>/`) |
|
|
117
|
+
| `summer.engine.ops([{ op: "AddNode", ... }])` | App op allowlist only; values are Godot strings (`"Vector3(0, 10, 0)"`) |
|
|
118
|
+
| `summer.engine.play(scene)`, `stop()`, `screenshot("viewport"\|"game")`, `state(kind)` | |
|
|
119
|
+
| `summer.engine.onEvent(fn)`, `summer.engine.plugin.send(msg)`, `summer.engine.plugin.onMessage(fn)` | |
|
|
120
|
+
|
|
121
|
+
`engine_offline`: no Summer Engine connected; show an "Open in Summer Engine" hint.
|
|
122
|
+
|
|
123
|
+
## Kit values
|
|
124
|
+
|
|
125
|
+
`<summer-form>` gives its fields' values by `name` (fields anywhere inside it count, also
|
|
126
|
+
inside `summer-grid`); `form.values = {...}` or `form.setValues({...})` loads a record into it
|
|
127
|
+
for editing. `<summer-text-input type="number">` and `<summer-slider>` give numbers in form
|
|
128
|
+
values and change events (an empty number field gives `null`); the input's `.value` property
|
|
129
|
+
stays text. A `<summer-toggle>` is a boolean.
|
|
130
|
+
|
|
131
|
+
## Errors
|
|
132
|
+
|
|
133
|
+
`permission_missing` (add it to the manifest), `invalid` (arguments; the message says which),
|
|
134
|
+
`unknown_method`, `conflict`, `rate_limited` (600 calls a minute, 60 paid), `spend_cap_reached`,
|
|
135
|
+
`engine_offline`, `not_implemented`, `unavailable`.
|
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: summer-apps-design
|
|
3
|
+
description: "How a Summer App should look - page layout, Summer UI kit components, tables, charts, media, boards, states and a pre-ship checklist."
|
|
4
|
+
license: MIT
|
|
5
|
+
compatibility: [Cursor, Claude Code, Windsurf, Codex]
|
|
6
|
+
category: tools
|
|
7
|
+
user-invocable: false
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# Summer Apps design
|
|
11
|
+
|
|
12
|
+
A Summer App is a tool a game team uses every day inside Summer Studio. It should
|
|
13
|
+
feel like a calm, precise studio instrument around colourful game content. The
|
|
14
|
+
chrome is ink on paper; colour comes from the game (art, renders, waveforms) and
|
|
15
|
+
from data that means something. You have freedom inside the app. Use it for the
|
|
16
|
+
task, not for decoration.
|
|
17
|
+
|
|
18
|
+
## The catalog is the API
|
|
19
|
+
|
|
20
|
+
The kit ships `summer-ui/v1/catalog.json` next to `ui.js` on the kit origin (the
|
|
21
|
+
summer-apps skill says how to load the kit). It lists every component's
|
|
22
|
+
attributes with value shapes, events with their `detail`, slots, methods, a working
|
|
23
|
+
example, the icon names and the tokens. **Read the entry before you use a
|
|
24
|
+
component** and copy its example. Never guess an attribute.
|
|
25
|
+
|
|
26
|
+
- JSON attributes take a JSON string, or set the same-named property:
|
|
27
|
+
`table.rows = rows`. Prefer properties for data.
|
|
28
|
+
- Events bubble out of the components; read `event.detail`.
|
|
29
|
+
- Icons: only names in `icons.names` (lucide: `plus`, `check`, `pencil`,
|
|
30
|
+
`trash-2`, `search`, `sparkles`, `download`, `ellipsis`, ...). Never draw SVG.
|
|
31
|
+
- Colours: only the tokens in `tokens` (`var(--se-text)`, ...). No hex.
|
|
32
|
+
|
|
33
|
+
## Do this
|
|
34
|
+
|
|
35
|
+
1. Write one line: what the person came to do, and the one action that finishes
|
|
36
|
+
it. That action is the primary button.
|
|
37
|
+
2. Build the page from the recipe below. Every part is a kit component; write your
|
|
38
|
+
own CSS only for layout glue (a grid, a gap), from tokens, under 30 lines.
|
|
39
|
+
3. Read real data through the SDK. No lorem ipsum, no invented numbers.
|
|
40
|
+
4. Wire `loading`, empty and error for every data component.
|
|
41
|
+
5. Run the checklist. Look at light and dark, 390px and 1440px.
|
|
42
|
+
|
|
43
|
+
## Page recipe
|
|
44
|
+
|
|
45
|
+
```html
|
|
46
|
+
<summer-page heading="Playtest results" purpose="How each level played in the latest playtest. Notes are shared with your team and your agent.">
|
|
47
|
+
<summer-avatar-stack slot="actions" people='[{"name":"Mia"},{"name":"Tom"}]'></summer-avatar-stack>
|
|
48
|
+
<span slot="actions" class="summer-meta">Playtest 12 Oct</span>
|
|
49
|
+
<summer-button slot="actions" variant="primary" icon="plus">Add note</summer-button>
|
|
50
|
+
|
|
51
|
+
<summer-stats loading>…3-5 summer-stat…</summer-stats>
|
|
52
|
+
<summer-chart heading="Where players stop" loading …></summer-chart>
|
|
53
|
+
<summer-section heading="Levels">
|
|
54
|
+
<summer-select slot="aside" label="Sort" options='…'></summer-select>
|
|
55
|
+
<summer-table loading …></summer-table>
|
|
56
|
+
</summer-section>
|
|
57
|
+
</summer-page>
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
- `summer-page` gives the canvas, width (1280px; forms 640px), padding and spacing,
|
|
61
|
+
and the header. The purpose line says what the tool does and where data goes.
|
|
62
|
+
Header actions, in order: avatars, one meta (`.summer-meta` or
|
|
63
|
+
`summer-progress`), secondary buttons, the primary.
|
|
64
|
+
- One `summer-section` per part, with a short noun heading. Extras for the title row
|
|
65
|
+
(a select, a count) go in `slot="aside"`; a select there turns compact by itself.
|
|
66
|
+
- A chart gets its own `heading` (its legend then sits in the title row). A chart
|
|
67
|
+
without a heading as the first thing in a section moves its legend into the
|
|
68
|
+
section's title row.
|
|
69
|
+
- A page with one part needs no section heading and no card around it.
|
|
70
|
+
- Tables and lists are always framed; charts never. Do not set `frame="false"` on
|
|
71
|
+
a page.
|
|
72
|
+
|
|
73
|
+
## Pick the component
|
|
74
|
+
|
|
75
|
+
| Job | Use (exact names; shapes in the catalog) |
|
|
76
|
+
| --- | --- |
|
|
77
|
+
| Key numbers | `summer-stats` > 3-5 `summer-stat label value delta hint tone`. Delta is text like "+12 this week"; the kit colours the number |
|
|
78
|
+
| A comparison or trend | `summer-chart kind x y heading highlight reference`. `y` is a JSON array of keys; `highlight` `{key, above, below, equals, tone, label, otherLabel}` (`key` tests another field, e.g. colour `lines` bars where `redo` is above 3; `equals` takes a value or a list); counts get whole-number gridlines by themselves; `reference` `{value, label, tone}`. One question per chart |
|
|
79
|
+
| Records you scan, sort, edit | `summer-table columns rows row-key`. Column `{key, label, format, digits, type: bar/badge/muted, over, tone, badges, priority: "secondary", thumb, editable, badge, badgeTone, width, minWidth, wrap}`. Text columns wrap to 2 lines by themselves; `width` takes pixels, a CSS length, "narrow" or "wide" (e.g. `"wide"` for a notes column). `badges` maps each value to a tone or `{tone, label}` for a status column (`{"draft": "quiet", "review": {"tone": "info", "label": "In review"}, "done": "ok"}`; unlabelled values show in sentence case); `badge` names a row key shown as a small badge inside a cell (e.g. "+3:01" over target). Under 640px badge columns fold under the name, and rows stack only if the columns still do not fit. `clickable` gives `summer-row`; `selectable="single"` or `"multi"` gives `summer-select-rows` |
|
|
80
|
+
| Unsaved table edits | `summer-save-bar count save-label` (`save` and `discard` events; then `table.commit()` or `table.discard()`) |
|
|
81
|
+
| Notes, tasks, comments | `summer-list items checkable action menu`. Item `{id, title, meta, checked, badge: {text, tone}, action}`; `action` `{id, label, icon}` is the one quiet button per row; `menu` items `{id, label, icon, tone: "danger"}`; events `summer-check`, `summer-action`, `summer-item` |
|
|
82
|
+
| Pipeline stages | `summer-board` > `summer-lane heading lane-id add-label` > `summer-board-card heading card-id art meta person comments done`; `summer-move` event |
|
|
83
|
+
| Pick between versions | `summer-choice-grid items` (`layout="row" heading meta` for one row per need). Item `{id, label, src, kind}` |
|
|
84
|
+
| Filters above a list | `summer-toolbar` > `summer-search`, `summer-segmented options value` (`{value, label, count}`; scrolls inside its own track when it does not fit), `summer-select` in `slot="end"` (compact by itself) |
|
|
85
|
+
| Add or edit something | `summer-dialog heading description` > `summer-form submit-label` > named inputs |
|
|
86
|
+
| Inputs | `summer-text-input name label hint required multiline`, `summer-select name label options`, `summer-slider`, `summer-toggle`. Every field sends `input` and `change` with `event.detail.value` |
|
|
87
|
+
| Media | `summer-audio`, `summer-video`, `summer-image aspect`, `summer-model-viewer`. Never `<audio controls>` or `<video controls>` |
|
|
88
|
+
| A repeated object | `summer-card variant="object" media selected` |
|
|
89
|
+
| Status in words | `summer-badge tone` (ok, warn, bad, info, quiet, count) |
|
|
90
|
+
| Buttons | `summer-button variant icon size`, `summer-icon-button icon label` |
|
|
91
|
+
| Messages | `summer-notice tone text action` in place (`action="Try again"` adds a button; listen for `action`); `summerUI.toast(text)` after an action |
|
|
92
|
+
| Nothing yet | `summer-empty-state heading body` with one button inside |
|
|
93
|
+
|
|
94
|
+
If you play Web Audio yourself, call `summer.app.busy(true)` while it plays and
|
|
95
|
+
`busy(false)` after.
|
|
96
|
+
|
|
97
|
+
## Patterns
|
|
98
|
+
|
|
99
|
+
**Dashboard (numbers, chart, table).** Stats, then one chart answering the main
|
|
100
|
+
question with the problem bars highlighted and a reference line for the target,
|
|
101
|
+
then the table with a bar column for the value that matters. Columns a phone can do
|
|
102
|
+
without get `priority: "secondary"`.
|
|
103
|
+
|
|
104
|
+
**Badges in tables.** Two kinds, one rule each:
|
|
105
|
+
- A workflow status column (draft, in review, done, needs art) shows every value as
|
|
106
|
+
a badge with `badges`. Neutral steps are `quiet`, work in progress `info`, done
|
|
107
|
+
`ok`; only values that need someone to act get `warn` or `bad`.
|
|
108
|
+
- A health column (balance, over target, errors) shows a badge only on the rows
|
|
109
|
+
that need attention and stays empty on the rest. Never "OK" on every row.
|
|
110
|
+
|
|
111
|
+
**Edit flow.** A row click (`summer-row`) or the header's primary opens a
|
|
112
|
+
`summer-dialog` holding a `summer-form`. For an edit, call
|
|
113
|
+
`form.setValues(record)` before `dialog.show()`; for a new item, show it empty.
|
|
114
|
+
Listen for `submit` (`detail.values`; number fields give numbers, empty gives
|
|
115
|
+
null); set `busy` while saving and `error` if it fails; close the dialog on success and toast the result ("Note saved"). The rule is one
|
|
116
|
+
primary per region: the page header, an open dialog, a form that is the whole page,
|
|
117
|
+
and the save bar are separate regions. A page whose job is the form puts Save in the
|
|
118
|
+
form and no primary in the header.
|
|
119
|
+
|
|
120
|
+
**Empty page and the header.** One primary on screen. When the whole page is empty,
|
|
121
|
+
the empty state holds the primary ("Add note" or "Ask your agent") and the header
|
|
122
|
+
shows no primary until there is data. When only one section is empty, its
|
|
123
|
+
empty-state button is `secondary` and the header keeps its primary.
|
|
124
|
+
|
|
125
|
+
**List with row actions.** `summer-list` with `checkable` for done or fixed, one
|
|
126
|
+
`action` for the most common step (`{id: "fix", label: "Mark fixed", icon:
|
|
127
|
+
"check"}`: a quiet button that shows on hover and on touch), and `menu` for the rest
|
|
128
|
+
(Edit, Copy, Delete with `tone: "danger"`). Never a bordered button on every row.
|
|
129
|
+
Delete asks first in a `summer-dialog` with `summer-form destructive`.
|
|
130
|
+
|
|
131
|
+
**Data your agent fills in.** When the app waits on an agent (an import, an
|
|
132
|
+
analysis), the empty state says what is missing and offers the request:
|
|
133
|
+
`summer-empty-state heading="No playtest data yet" body="Your agent can import
|
|
134
|
+
last night's playtest."` with a `summer-button icon="sparkles"` "Ask your agent"
|
|
135
|
+
(primary or secondary per the empty-page rule above). On click call `summer.agent.send("playtest.import", {})`, swap the button
|
|
136
|
+
for `summer-notice tone="info"` "Your agent was asked. This fills in when it
|
|
137
|
+
answers.", and subscribe so rows appear live:
|
|
138
|
+
`summer.data.collection("levels").subscribe(render)` (there is no
|
|
139
|
+
`summer.data.list(name)`).
|
|
140
|
+
|
|
141
|
+
**Who added it, who changed it.** People and agents edit the same data. Every
|
|
142
|
+
record carries `createdBy` (set once, when it was added) and `actor` (the last
|
|
143
|
+
writer), both `{userId, kind: "person" | "agent" | "seed", agent, via}` or null on
|
|
144
|
+
old records. A "By"
|
|
145
|
+
column or list meta shows `createdBy`: the person's name, or the agent's name
|
|
146
|
+
("Claude Code") with an "Agent" badge when `createdBy.kind` is "agent". Show
|
|
147
|
+
nothing for "seed" (starter data) or null. Add "Last changed by" from `actor` only when it
|
|
148
|
+
helps the task. Say "You" when the `userId` is `info.viewer.userId`. Flash a row or
|
|
149
|
+
card that someone else just changed. Changes from `subscribe` carry `actor` but not
|
|
150
|
+
`createdBy`: read the record again (`get(id)`) to show who added it.
|
|
151
|
+
|
|
152
|
+
**Board.** Lanes per stage, art on cards from the asset, owner initial and comment
|
|
153
|
+
count. Move cards with `summer-move`; write the new stage to data at once.
|
|
154
|
+
|
|
155
|
+
**Pick grid.** One `summer-choice-grid layout="row"` per need; the header shows
|
|
156
|
+
`summer-progress` and the primary sends the picks ("Send 7 to game").
|
|
157
|
+
|
|
158
|
+
## States
|
|
159
|
+
|
|
160
|
+
- Loading: set `loading` on stats, chart, table, list and select until the data
|
|
161
|
+
arrives. Never show "No data yet" or "-" while loading.
|
|
162
|
+
- Empty: `empty-text`, or `empty-heading` + `empty-body`, on the component, or
|
|
163
|
+
`summer-empty-state` for a whole page. Say what to do next.
|
|
164
|
+
- Error: `summer-notice tone="error" text="The notes could not load." action="Try again"`
|
|
165
|
+
in place of the part that failed; retry on its `action` event. The rest keeps
|
|
166
|
+
working.
|
|
167
|
+
- Saving: `busy` on the form or save bar, `loading` on a button.
|
|
168
|
+
|
|
169
|
+
## Type, colour, copy
|
|
170
|
+
|
|
171
|
+
- The kit sets type. In your own glue use 14px body, 12px muted meta, weights 400,
|
|
172
|
+
500, 600, `tabular-nums` for numbers. Never 700, never all caps.
|
|
173
|
+
- Colour means something: quiet by default, ink or a status tone for what needs
|
|
174
|
+
attention, always with words.
|
|
175
|
+
- Plain words, sentence case, no full stop on labels. Name actions by result ("Save
|
|
176
|
+
note", "Write to game"). Errors do not apologise. Never "AI-generated".
|
|
177
|
+
|
|
178
|
+
## Never
|
|
179
|
+
|
|
180
|
+
Grey boxes around numbers. Cards around every section, cards inside cards. Native
|
|
181
|
+
audio, video, select or range controls. Two primaries in one region. A labelled
|
|
182
|
+
button on every row. A health badge on every row that only says all is well. Hand-drawn icons, emoji. Hex
|
|
183
|
+
colours, gradients, glows, shadows on cards. Mono font for numbers. "No data yet"
|
|
184
|
+
while loading.
|
|
185
|
+
|
|
186
|
+
## Checklist
|
|
187
|
+
|
|
188
|
+
- [ ] The purpose line says what the tool does; one primary per region finishes it.
|
|
189
|
+
- [ ] Every component and attribute matches its catalog entry.
|
|
190
|
+
- [ ] Numbers line up; long text wraps; on a phone nothing scrolls off.
|
|
191
|
+
- [ ] Loading, empty (including "waiting for your agent") and error states exist
|
|
192
|
+
and keep the layout in place.
|
|
193
|
+
- [ ] Subtract: remove each badge, icon, helper line and frame; keep it only if the
|
|
194
|
+
task gets worse without it.
|
|
195
|
+
- [ ] Works by keyboard; icon buttons have labels.
|
|
196
|
+
- [ ] Looked at light and dark, 390px and 1440px; nothing scrolls sideways except a
|
|
197
|
+
board or a wide table inside its frame.
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
id: skill/summer-apps-design
|
|
2
|
+
kind: skill
|
|
3
|
+
version: 0.1.0
|
|
4
|
+
summary: How a Summer App should look - page layout, Summer UI kit components, tables, charts, media, boards, states and a pre-ship checklist.
|
|
5
|
+
use_when:
|
|
6
|
+
- building or changing the UI of a Summer App (agent-built team tool inside Summer Studio)
|
|
7
|
+
- an app looks generic, cluttered or off-brand
|
|
8
|
+
- choosing layout for a table, chart, board, pick grid or settings tool
|
|
9
|
+
facets:
|
|
10
|
+
lifecycle:
|
|
11
|
+
- build
|
|
12
|
+
domains:
|
|
13
|
+
- ui
|
|
14
|
+
- tools
|
|
15
|
+
modalities:
|
|
16
|
+
- docs
|
|
17
|
+
related:
|
|
18
|
+
skills:
|
|
19
|
+
- skill/summer-apps
|
|
20
|
+
source: official
|
|
21
|
+
license: MIT
|
|
22
|
+
status: preview
|
|
23
|
+
recommended: true
|
|
@@ -112,6 +112,7 @@ When multiple Summer skills could apply, run them in this order:
|
|
|
112
112
|
3. **Build skills third** — `fps-controller`, `design-mechanic`, `design-level`, `multiplayer`. These produce the artifacts.
|
|
113
113
|
|
|
114
114
|
> "I want to make a game" → `brainstorm-game` first, then build skills.
|
|
115
|
+
> "Make me a sword clash sound" with no game in sight → the asset skill (`sound-effect`) directly. Asset requests need no brainstorm, no project and no running engine.
|
|
115
116
|
> "Fix this crash" → `debug` first, then domain skills.
|
|
116
117
|
> "Add an FPS controller" → check `scene-composition` first, then `fps-controller`.
|
|
117
118
|
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
id: tool/app-call
|
|
2
|
+
kind: tool
|
|
3
|
+
version: 1.0.0
|
|
4
|
+
summary: Run one of a Summer App's agent tools inside the person's open app.
|
|
5
|
+
use_when:
|
|
6
|
+
- '"nerf the bow using the balance formula in our app"'
|
|
7
|
+
- using logic that lives in an app (a balance formula, an export) while the app is open
|
|
8
|
+
do_not_use_when:
|
|
9
|
+
- "plain reads and edits of app data: summer_app_data"
|
|
10
|
+
facets:
|
|
11
|
+
lifecycle:
|
|
12
|
+
- build
|
|
13
|
+
domains:
|
|
14
|
+
- tools
|
|
15
|
+
- ui
|
|
16
|
+
compatibility:
|
|
17
|
+
engine: ">=4.6"
|
|
18
|
+
related:
|
|
19
|
+
skills:
|
|
20
|
+
- skill/summer-apps
|
|
21
|
+
source: official
|
|
22
|
+
license: MIT
|
|
23
|
+
status: preview
|
|
24
|
+
aliases:
|
|
25
|
+
- summer_app_call
|
|
26
|
+
implementation:
|
|
27
|
+
module: src/mcp/tools/app-tools.ts
|
|
28
|
+
export: registerAppTools
|
|
29
|
+
surfaces:
|
|
30
|
+
mcp:
|
|
31
|
+
tool_name: summer_app_call
|
|
32
|
+
remote: true
|
|
33
|
+
input_schema:
|
|
34
|
+
type: object
|
|
35
|
+
properties:
|
|
36
|
+
appId:
|
|
37
|
+
type: string
|
|
38
|
+
format: uuid
|
|
39
|
+
description: The app id from summer_app_create or summer_app_list
|
|
40
|
+
tool:
|
|
41
|
+
type: string
|
|
42
|
+
minLength: 1
|
|
43
|
+
maxLength: 64
|
|
44
|
+
description: The agent tool name from summer_app_tools
|
|
45
|
+
input:
|
|
46
|
+
type: object
|
|
47
|
+
additionalProperties: {}
|
|
48
|
+
default: {}
|
|
49
|
+
description: Input matching the tool's input schema
|
|
50
|
+
required:
|
|
51
|
+
- appId
|
|
52
|
+
- tool
|
|
53
|
+
additionalProperties: false
|
|
54
|
+
authority:
|
|
55
|
+
filesystem: false
|
|
56
|
+
editor_mutation: false
|
|
57
|
+
network: true
|
|
58
|
+
credentials: false
|
|
59
|
+
publish: false
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
id: tool/app-create
|
|
2
|
+
kind: tool
|
|
3
|
+
version: 1.0.0
|
|
4
|
+
summary: Create a new scratch Summer App (a tool for the person's team inside Summer Studio) and open it in their Studio tab.
|
|
5
|
+
use_when:
|
|
6
|
+
- '"build me a tool for…" / "make an app that…"'
|
|
7
|
+
- the person needs a UI to decide or edit something they will come back to
|
|
8
|
+
do_not_use_when:
|
|
9
|
+
- "a one-off answer: reply in chat"
|
|
10
|
+
facets:
|
|
11
|
+
lifecycle:
|
|
12
|
+
- build
|
|
13
|
+
domains:
|
|
14
|
+
- tools
|
|
15
|
+
- ui
|
|
16
|
+
compatibility:
|
|
17
|
+
engine: ">=4.6"
|
|
18
|
+
related:
|
|
19
|
+
skills:
|
|
20
|
+
- skill/summer-apps
|
|
21
|
+
source: official
|
|
22
|
+
license: MIT
|
|
23
|
+
status: preview
|
|
24
|
+
aliases:
|
|
25
|
+
- summer_app_create
|
|
26
|
+
implementation:
|
|
27
|
+
module: src/mcp/tools/app-tools.ts
|
|
28
|
+
export: registerAppTools
|
|
29
|
+
surfaces:
|
|
30
|
+
mcp:
|
|
31
|
+
tool_name: summer_app_create
|
|
32
|
+
remote: true
|
|
33
|
+
input_schema:
|
|
34
|
+
type: object
|
|
35
|
+
properties:
|
|
36
|
+
name:
|
|
37
|
+
type: string
|
|
38
|
+
minLength: 1
|
|
39
|
+
maxLength: 80
|
|
40
|
+
purpose:
|
|
41
|
+
type: string
|
|
42
|
+
maxLength: 280
|
|
43
|
+
description: "One line: what the tool does and where its data goes"
|
|
44
|
+
format:
|
|
45
|
+
type: string
|
|
46
|
+
enum:
|
|
47
|
+
- code
|
|
48
|
+
- layout
|
|
49
|
+
default: code
|
|
50
|
+
description: "code: index.html + JS/CSS (default). layout: a JSON layout of kit nodes, for quick decision UIs"
|
|
51
|
+
workspaceId:
|
|
52
|
+
type: string
|
|
53
|
+
format: uuid
|
|
54
|
+
description: "A workspace id. Default: the person's team (the one their Studio tab is on, else their latest team, else personal); the result's workspace says which"
|
|
55
|
+
folder:
|
|
56
|
+
type: string
|
|
57
|
+
minLength: 1
|
|
58
|
+
maxLength: 80
|
|
59
|
+
required:
|
|
60
|
+
- name
|
|
61
|
+
additionalProperties: false
|
|
62
|
+
authority:
|
|
63
|
+
filesystem: false
|
|
64
|
+
editor_mutation: false
|
|
65
|
+
network: true
|
|
66
|
+
credentials: false
|
|
67
|
+
publish: false
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
id: tool/app-data
|
|
2
|
+
kind: tool
|
|
3
|
+
version: 1.0.0
|
|
4
|
+
summary: Read or write a Summer App's shared data collections; works with no app open and the team sees writes live.
|
|
5
|
+
use_when:
|
|
6
|
+
- '"nerf the bow in our balance sheet"'
|
|
7
|
+
- seeding an app with data
|
|
8
|
+
- reading what the team entered in an app
|
|
9
|
+
facets:
|
|
10
|
+
lifecycle:
|
|
11
|
+
- build
|
|
12
|
+
domains:
|
|
13
|
+
- tools
|
|
14
|
+
- ui
|
|
15
|
+
compatibility:
|
|
16
|
+
engine: ">=4.6"
|
|
17
|
+
related:
|
|
18
|
+
skills:
|
|
19
|
+
- skill/summer-apps
|
|
20
|
+
source: official
|
|
21
|
+
license: MIT
|
|
22
|
+
status: preview
|
|
23
|
+
aliases:
|
|
24
|
+
- summer_app_data
|
|
25
|
+
implementation:
|
|
26
|
+
module: src/mcp/tools/app-tools.ts
|
|
27
|
+
export: registerAppTools
|
|
28
|
+
surfaces:
|
|
29
|
+
mcp:
|
|
30
|
+
tool_name: summer_app_data
|
|
31
|
+
remote: true
|
|
32
|
+
input_schema:
|
|
33
|
+
type: object
|
|
34
|
+
properties:
|
|
35
|
+
appId:
|
|
36
|
+
type: string
|
|
37
|
+
format: uuid
|
|
38
|
+
description: The app id from summer_app_create or summer_app_list
|
|
39
|
+
collection:
|
|
40
|
+
type: string
|
|
41
|
+
maxLength: 48
|
|
42
|
+
description: "Read: one collection. Default: all"
|
|
43
|
+
after:
|
|
44
|
+
type: string
|
|
45
|
+
maxLength: 200
|
|
46
|
+
description: "Read: the next cursor from the previous page"
|
|
47
|
+
limit:
|
|
48
|
+
type: integer
|
|
49
|
+
minimum: 1
|
|
50
|
+
maximum: 500
|
|
51
|
+
default: 200
|
|
52
|
+
ops:
|
|
53
|
+
type: array
|
|
54
|
+
items:
|
|
55
|
+
type: object
|
|
56
|
+
additionalProperties: {}
|
|
57
|
+
minItems: 1
|
|
58
|
+
maxItems: 100
|
|
59
|
+
description: "Write: [{op: put, collection, recordId, data}, {op: patch, collection, recordId, patch}, {op: remove, collection, recordId}]; ifRevision on an op applies it only at that record revision (0: must not exist)"
|
|
60
|
+
as:
|
|
61
|
+
type: string
|
|
62
|
+
enum:
|
|
63
|
+
- agent
|
|
64
|
+
- seed
|
|
65
|
+
description: "Write: seed for starter data that belongs to the team (no author). Default: agent"
|
|
66
|
+
required:
|
|
67
|
+
- appId
|
|
68
|
+
additionalProperties: false
|
|
69
|
+
authority:
|
|
70
|
+
filesystem: false
|
|
71
|
+
editor_mutation: false
|
|
72
|
+
network: true
|
|
73
|
+
credentials: false
|
|
74
|
+
publish: false
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
id: tool/app-dock
|
|
2
|
+
kind: tool
|
|
3
|
+
version: 1.0.0
|
|
4
|
+
summary: Dock a Summer App as a panel in the running Summer Engine editor, close it, or list docked apps.
|
|
5
|
+
use_when:
|
|
6
|
+
- '"put the quest editor next to my scene"'
|
|
7
|
+
- keeping a team tool open while editing
|
|
8
|
+
facets:
|
|
9
|
+
lifecycle:
|
|
10
|
+
- build
|
|
11
|
+
domains:
|
|
12
|
+
- tools
|
|
13
|
+
- ui
|
|
14
|
+
compatibility:
|
|
15
|
+
engine: ">=4.6"
|
|
16
|
+
related:
|
|
17
|
+
skills:
|
|
18
|
+
- skill/summer-apps
|
|
19
|
+
source: official
|
|
20
|
+
license: MIT
|
|
21
|
+
status: preview
|
|
22
|
+
aliases:
|
|
23
|
+
- summer_app_dock
|
|
24
|
+
implementation:
|
|
25
|
+
module: src/mcp/tools/app-tools.ts
|
|
26
|
+
export: registerAppTools
|
|
27
|
+
surfaces:
|
|
28
|
+
mcp:
|
|
29
|
+
tool_name: summer_app_dock
|
|
30
|
+
remote: false
|
|
31
|
+
input_schema:
|
|
32
|
+
type: object
|
|
33
|
+
properties:
|
|
34
|
+
action:
|
|
35
|
+
type: string
|
|
36
|
+
enum:
|
|
37
|
+
- open
|
|
38
|
+
- close
|
|
39
|
+
- list
|
|
40
|
+
default: open
|
|
41
|
+
appId:
|
|
42
|
+
type: string
|
|
43
|
+
format: uuid
|
|
44
|
+
description: "open, close: the app"
|
|
45
|
+
slot:
|
|
46
|
+
type: string
|
|
47
|
+
enum:
|
|
48
|
+
- left
|
|
49
|
+
- right
|
|
50
|
+
- bottom
|
|
51
|
+
default: right
|
|
52
|
+
description: "open: left, right or bottom"
|
|
53
|
+
additionalProperties: false
|
|
54
|
+
authority:
|
|
55
|
+
filesystem: false
|
|
56
|
+
editor_mutation: true
|
|
57
|
+
network: false
|
|
58
|
+
credentials: false
|
|
59
|
+
publish: false
|