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.
Files changed (59) hide show
  1. package/.claude-plugin/marketplace.json +2 -2
  2. package/.claude-plugin/plugin.json +4 -2
  3. package/.codex-plugin/plugin.json +5 -3
  4. package/.cursor-plugin/plugin.json +4 -2
  5. package/.factory-plugin/plugin.json +4 -2
  6. package/CHANGELOG.md +16 -0
  7. package/README.md +11 -1
  8. package/commands/summer.md +2 -1
  9. package/dist/core/capabilities/apps.d.ts +318 -0
  10. package/dist/core/capabilities/apps.js +340 -0
  11. package/dist/core/capabilities/enable-plugin.d.ts +27 -0
  12. package/dist/core/capabilities/enable-plugin.js +75 -0
  13. package/dist/core/capabilities/tool-dispatch.js +49 -0
  14. package/dist/core/capability-skew.js +4 -0
  15. package/dist/mcp/hosted-mount.js +13 -1
  16. package/dist/mcp/server.js +2 -0
  17. package/dist/mcp/tools/app-tools.d.ts +2 -0
  18. package/dist/mcp/tools/app-tools.js +64 -0
  19. package/dist/mcp/tools/generate-tools.js +3 -3
  20. package/gemini-extension.json +3 -1
  21. package/library/references/mcp-tools-reference/mcp-tools-reference.md +23 -1
  22. package/library/skills/README.md +10 -2
  23. package/library/skills/sound-effect/SKILL.md +2 -0
  24. package/library/skills/summer-apps/SKILL.md +152 -0
  25. package/library/skills/summer-apps/manifest.md +57 -0
  26. package/library/skills/summer-apps/minimal-app.md +183 -0
  27. package/library/skills/summer-apps/resource.yaml +36 -0
  28. package/library/skills/summer-apps/sdk-reference.md +135 -0
  29. package/library/skills/summer-apps-design/SKILL.md +197 -0
  30. package/library/skills/summer-apps-design/resource.yaml +23 -0
  31. package/library/skills/using-summer/SKILL.md +1 -0
  32. package/library/tools/app-call/resource.yaml +59 -0
  33. package/library/tools/app-create/resource.yaml +67 -0
  34. package/library/tools/app-data/resource.yaml +74 -0
  35. package/library/tools/app-dock/resource.yaml +59 -0
  36. package/library/tools/app-events/resource.yaml +68 -0
  37. package/library/tools/app-get/resource.yaml +46 -0
  38. package/library/tools/app-guide/resource.yaml +55 -0
  39. package/library/tools/app-list/resource.yaml +48 -0
  40. package/library/tools/app-page/resource.yaml +74 -0
  41. package/library/tools/app-publish/resource.yaml +90 -0
  42. package/library/tools/app-report-gap/resource.yaml +58 -0
  43. package/library/tools/app-screenshot/resource.yaml +85 -0
  44. package/library/tools/app-tools/resource.yaml +46 -0
  45. package/library/tools/app-update/resource.yaml +68 -0
  46. package/library/tools/enable-plugin/resource.yaml +53 -0
  47. package/package.json +1 -1
  48. package/registry/generated/aliases.json +15 -0
  49. package/registry/generated/counts.json +3 -3
  50. package/registry/generated/gemini-extension.json +3 -1
  51. package/registry/generated/index.json +656 -3
  52. package/registry/generated/marketplace.claude.json +2 -2
  53. package/registry/generated/plugin.claude.json +4 -2
  54. package/registry/generated/plugin.codex.json +5 -3
  55. package/registry/generated/plugin.cursor.json +4 -2
  56. package/registry/generated/plugin.factory.json +4 -2
  57. package/registry/generated/skills-index.md +10 -2
  58. package/registry/generated/skills-registry.json +27 -0
  59. 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