Refresh README usage showcases

README.md

@@ -42,8 +42,6 @@ Your agent installs the Skill, configures the MCP, and opens browser OAuth. If n
 
 ![StarryKit creating and editing a road-trip presentation](assets/demos/roadtrip-editing.gif)
 
-<p align="center"><a href="assets/demos/roadtrip-editing.mp4">Watch the HD presentation demo</a></p>
-
 ### Edit Manually and Export
 
 ![StarryKit creating an editable event poster](assets/demos/event-design.gif)
@@ -52,10 +50,19 @@ Your agent installs the Skill, configures the MCP, and opens browser OAuth. If n
 
 Each request produces an editable StarryKit result you can review and continue refining.
 
+### Prompt → Showcase
+
 | Prompt | Showcase |
 | --- | --- |
-| **Presentation**<br><br>“Create a five-page road-trip deck. Make it optimistic, editorial, and image-led, with one clear idea per page.” | <img src="assets/demos/roadtrip-editing-poster.webp" alt="Editable road-trip presentation in StarryKit" width="520" /> |
-| **Poster**<br><br>“Turn this event brief into a bold, editable portrait poster for social media, then export a PNG.” | <img src="assets/demos/event-design-poster.webp" alt="Editable event poster in StarryKit" width="520" /> |
+| **Product catalog**<br><br>“Create a six-page launch catalog for a modular acoustic collection. Make it editorial, tactile, and specification-ready.” | <img src="assets/demos/gallery-morrow-formworks.webp" alt="Editorial product catalog created with StarryKit" width="520" /> |
+| **Technical launch**<br><br>“Turn this incident-response brief into a high-contrast launch deck built around one clear proof point: verified cause in 11 minutes.” | <img src="assets/demos/gallery-relay-one.webp" alt="High-contrast technical launch deck created with StarryKit" width="520" /> |
+
+### More from the Gallery
+
+| | |
+| --- | --- |
+| <img src="assets/demos/gallery-orbit-drop-01.webp" alt="Bold product campaign graphic created with StarryKit" width="420" /> | <img src="assets/demos/gallery-type-index.webp" alt="Typography education carousel created with StarryKit" width="420" /> |
+| <img src="assets/demos/gallery-afterlight-2026.webp" alt="Nocturnal garden festival poster created with StarryKit" width="420" /> | <img src="assets/demos/gallery-where-the-rain-goes.webp" alt="Rain garden infographic created with StarryKit" width="420" /> |
 
 You can also ask StarryKit to inspect an existing document, tighten its story, redesign one page, reorder content, or export selected pages.
 

README.zh-CN.md

@@ -42,8 +42,6 @@ Agent 会安装 Skill、配置 MCP 并打开浏览器 OAuth。需要手动操作
 
 ![StarryKit 创建并编辑公路旅行演示文稿](assets/demos/roadtrip-editing.gif)
 
-<p align="center"><a href="assets/demos/roadtrip-editing.mp4">观看高清演示文稿 Demo</a></p>
-
 ### 手动编辑和导出
 
 ![StarryKit 创建可编辑活动海报](assets/demos/event-design.gif)
@@ -52,10 +50,19 @@ Agent 会安装 Skill、配置 MCP 并打开浏览器 OAuth。需要手动操作
 
 每一个请求都会得到一份可在 StarryKit 中审核、编辑和继续优化的结果。
 
+### Prompt → Showcase
+
 | Prompt | Showcase |
 | --- | --- |
-| **演示文稿**<br><br>“帮我做一份五页的公路旅行 Deck。整体乐观、有编辑感、以图片为主，每一页只表达一个核心观点。” | <img src="assets/demos/roadtrip-editing-poster.webp" alt="StarryKit 中可编辑的公路旅行演示文稿" width="520" /> |
-| **海报**<br><br>“把这份活动 Brief 做成一张大胆、可编辑的社交媒体竖版海报，然后导出 PNG。” | <img src="assets/demos/event-design-poster.webp" alt="StarryKit 中可编辑的活动海报" width="520" /> |
+| **产品目录**<br><br>“为一组模块化吸音产品制作一份六页发布目录，要有编辑感、材质感，并且能够清楚呈现产品规格。” | <img src="assets/demos/gallery-morrow-formworks.webp" alt="使用 StarryKit 创建的编辑风格产品目录" width="520" /> |
+| **技术发布**<br><br>“把这份事故响应 Brief 做成一份高对比度发布 Deck，围绕一个核心证据展开：11 分钟内定位根因。” | <img src="assets/demos/gallery-relay-one.webp" alt="使用 StarryKit 创建的高对比度技术发布 Deck" width="520" /> |
+
+### 更多 Gallery 作品
+
+| | |
+| --- | --- |
+| <img src="assets/demos/gallery-orbit-drop-01.webp" alt="使用 StarryKit 创建的产品社交 Campaign" width="420" /> | <img src="assets/demos/gallery-type-index.webp" alt="使用 StarryKit 创建的字体知识轮播图" width="420" /> |
+| <img src="assets/demos/gallery-afterlight-2026.webp" alt="使用 StarryKit 创建的夜间花园节海报" width="420" /> | <img src="assets/demos/gallery-where-the-rain-goes.webp" alt="使用 StarryKit 创建的雨水花园信息图" width="420" /> |
 
 你也可以让 StarryKit 检查已有文档、收紧叙事、重新设计某一页、调整页面顺序，或者只导出指定页面。
 

tests/plugin.test.mjs

@@ -98,13 +98,16 @@ describe("plugin bundle", () => {
 
     for (const asset of [
       "assets/brand/starrykit-wordmark-on-purple.svg",
-      "assets/demos/roadtrip-editing-poster.webp",
       "assets/demos/roadtrip-editing.gif",
-      "assets/demos/roadtrip-editing.mp4",
-      "assets/demos/event-design-poster.webp",
       "assets/demos/event-design.gif",
+      "assets/demos/gallery-morrow-formworks.webp",
+      "assets/demos/gallery-relay-one.webp",
+      "assets/demos/gallery-orbit-drop-01.webp",
+      "assets/demos/gallery-type-index.webp",
+      "assets/demos/gallery-afterlight-2026.webp",
+      "assets/demos/gallery-where-the-rain-goes.webp",
     ]) {
-      assert.ok([".svg", ".webp", ".gif", ".mp4"].includes(extname(asset)));
+      assert.ok([".svg", ".webp", ".gif"].includes(extname(asset)));
       assert.ok(existsSync(resolve(ROOT, asset)), `${asset} is missing`);
     }
   });