[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7BR2HTD549FDH9WM410PR4K":3,"skill-same:01M7BR2HTD549FDH9WM410PR4K":132},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":85,"commitSha":86,"skillDirectory":87,"forksCount":88,"repositoryHtmlUrl":89,"repositoryHomepageUrl":90,"ownerHtmlUrl":91,"ownerBlogUrl":6,"ownerDescription":92,"updatedAt":93,"install":94,"resources":107},"01M7BR2HTD549FDH9WM410PR4K","open-design-landing-deck",null,"Open Design's brand-story deck for partners and press: why it exists, what it believes, and where design is going. Built as a decision-grade marketing & GTM deck for partners, press, community.","YYC-Cube\u002FYYC3-Knowledge-Base","YYC-Cube","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F235006543?v=4","01M79J2PH4SWD2X0825X6PN748","yyc3","01M79J2PHVK3F6ZBYT8K2SCZCW",1,"MIT","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Design-设计资源\u002FYYC3-Design-设计资源-open-design\u002Fdesign-templates\u002Fopen-design-landing-deck\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: open-design-landing-deck\nen_name: \"Write a Brand-Story Deck like a Founder Storyteller\"\nzh_name: \"像会讲故事的创始人一样写品牌故事稿\"\ndescription: |\n  Open Design's brand-story deck for partners and press: why it exists, what it believes, and where design is going. Built as a decision-grade marketing & GTM deck for partners, press, community.\nen_description: |\n  Open Design's brand-story deck for partners and press: why it exists, what it believes, and where design is going. Built as a decision-grade marketing & GTM deck for partners, press, community.\nzh_description: |\n  像会讲故事的创始人一样写品牌故事稿——一份可商业交付的市场增长 Deck，围绕真实主题、证据链与决策目标组织。\ntags:\n  - \"marketing-gtm\"\n  - \"annual-marketing-plan\"\n  - \"marketing\"\n  - \"launch\"\n  - \"campaign\"\n  - \"pipeline\"\n  - \"decision-deck\"\n  - \"commercial-slide-agent\"\n  - \"open-design-landing-deck\"\ntriggers:\n  - \"annual-marketing-plan\"\n  - \"marketing-gtm\"\n  - \"Write a Brand-Story Deck like a Founder Storyteller\"\n  - \"像会讲故事的创始人一样写品牌故事稿\"\n  - \"launch\"\n  - \"campaign\"\n  - \"pipeline\"\n  - \"html deck\"\n  - \"html slides\"\nod:\n  surface: web\n  mode: deck\n  audience: founders pitching, conference talks, internal reviews\n  tone: editorial, restrained, premium\n  scale: 6-15 viewport-locked slides\n  preview:\n    type: html\n    entry: index.html\n  craft:\n    requires:\n      - typographic-rhythm\n      - pixel-discipline\n  category: \"marketing-gtm\"\n  scenario: \"marketing\"\n  example_prompt: \"Create \\\"Write a Brand-Story Deck like a Founder Storyteller\\\" as a decision-grade Marketing & GTM deck in this template's own visual system. Subject: Open Design's brand-story deck for partners and press: why it exists, what it believes, and where design is going. Audience: partners, press, community. First ask only for missing essentials: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Then produce the slide plan, written slides, visual direction, speaker-ready structure, and a critic pass against this rubric: can the plan connect creative choices to measurable growth.\"\ninputs:\n  - id: brand\n    label: Brand identity (shared across slides)\n    schema_path: .\u002Fschema.ts#BrandBlock\n  - id: deck_title\n    label: Kicker shown in the per-slide top chrome\n    description: e.g. `'Open Design · Vol. 01 \u002F Issue Nº 26'`.\n  - id: slides\n    label: Ordered list of typed slides\n    description: >\n      Each entry is one of seven slide kinds. Mix and match freely; the\n      composer routes each by `kind`.\n    schema_path: .\u002Fschema.ts#Slide\n  - id: imagery\n    label: Image library (defaults to sister skill's assets)\n    schema_path: ..\u002Fopen-design-landing\u002Fschema.ts#ImageryConfig\nparameters:\n  slides_recommended_count:\n    type: number\n    default: 11\n    description: 8-15 is the sweet spot. Below 6 the deck feels thin; above 18 attendees lose the thread.\noutputs:\n  - path: \u003Cout>\u002Findex.html\n    description: Self-contained HTML deck — Atelier Zero CSS inlined, runtime script inline, images relative.\ncapabilities_required:\n  - file-write\n  - node-runtime\nexample_prompt: |\n  Build me an 11-slide pitch deck for \"Lumen Field\", a focus-soundscape\n  studio. Cover with hero plate, two section dividers, two product\n  content slides with bullets, a stats slide showing 12 soundscapes \u002F 4\n  presets \u002F 1 daily ritual, a customer quote, a closing CTA, and an end\n  card. Reuse the open-design-landing image library.\n---\n\n# open-design-landing-deck\n\nSister skill to [`open-design-landing`](..\u002Fopen-design-landing\u002F). Same\nAtelier Zero visual system (warm paper, Inter Tight + Playfair Display,\nitalic-serif emphasis, coral dots), but paginated as a **horizontal\nmagazine-style swipe deck** instead of a long scrolling page.\n\nThe navigation model is intentionally borrowed from the\n[`guizang-ppt`](..\u002Fguizang-ppt\u002F) skill — `←\u002F→` arrow keys, wheel \u002F\nswipe, ESC for the overview grid — so it feels like a print magazine\nflipping page by page rather than a web slide deck scrolling.\n\n```text\ninputs.json + ..\u002Fopen-design-landing\u002Fstyles.css\n        │\n        └──────────► scripts\u002Fcompose.ts\n                            │\n                            ▼\n                   \u003Cout>\u002Findex.html\n                   (one viewport per slide, horizontal swipe)\n```\n\n## What you get\n\n- A single self-contained HTML file with N viewport-sized slides laid\n  out horizontally on one transformed flex track.\n- **Keyboard navigation**: `←\u002F→` · `↑\u002F↓` · PageUp\u002FPageDown · Space ·\n  Home\u002FEnd.\n- **Wheel + touch swipe** (with momentum guard so a single trackpad\n  flick doesn't overshoot).\n- **Per-slide chrome strip**: brand mark, deck title, location,\n  Roman-numeral year, live slide counter (`01 \u002F 11`).\n- **Coral progress bar** at the bottom that fills as you advance.\n- **Dot indicator** strip near the bottom; click any dot to jump.\n- **ESC overview grid** — scaled thumbnails of every slide, click to\n  jump. Mirrors `guizang-ppt`'s overview UX.\n- Reuses the **same 16-slot image library** as the sister skill — no\n  duplicate assets.\n\n## Slide types\n\n| Kind        | Use it for                                                    |\n| :---------- | :------------------------------------------------------------ |\n| `cover`     | Title plate at the start. 2-column copy + collage art.        |\n| `section`   | Roman-numeral divider between chapters. Centered, full-bleed. |\n| `content`   | Eyebrow + title + body + bullets + optional collage art.      |\n| `stats`     | Up to 4 large stat cells (value · label · sub-label).         |\n| `quote`     | Pull quote + author. Optional portrait collage on the right.  |\n| `cta`       | Closing pitch + 1-2 buttons.                                  |\n| `end`       | Mega italic-serif kicker word + signature footer.             |\n\nA typical 11-slide pitch:\n\n```\n1. cover     — title plate, hero collage\n2. section   — \"I. The problem\"\n3. content   — about \u002F manifesto, bullets\n4. content   — capabilities, bullets\n5. stats     — 4 numbers\n6. section   — \"II. How it feels\"\n7. content   — method, bullets\n8. content   — selected work\n9. quote     — customer testimonial\n10. cta      — primary + secondary action\n11. end      — mega kicker + signature\n```\n\n## Workflow\n\n### 1. Author `inputs.json`\n\nStart from [`inputs.example.json`](.\u002Finputs.example.json) (the Open\nDesign pitch deck). The brand block, image strategy, and assets path\nmirror the sister skill — if you already filled out an\n`open-design-landing` brief, copy `brand` and `imagery` over verbatim.\n\nFor each slide, pick a `kind` and fill the typed fields from\n[`schema.ts`](.\u002Fschema.ts). `MixedText` (sans-serif baseline +\nitalic-serif emphasis spans + coral terminating dot) is the same\nencoding used by the sister skill — see its `inputs.example.json`.\n\n### 2. (Optional) generate or stub imagery\n\nThis skill does **not** ship its own image generator or placeholder\nscript — it shares the 16-slot library from `open-design-landing`. To\nregenerate or stub:\n\n```bash\n# generate via gpt-image-2 (fal.ai)\nFAL_KEY=... npx tsx ..\u002Fopen-design-landing\u002Fscripts\u002Fimagegen.ts ..\u002Fopen-design-landing\u002Finputs.example.json --out=..\u002Fopen-design-landing\u002Fassets\u002F\n\n# or paper-textured SVG placeholders\nnpx tsx ..\u002Fopen-design-landing\u002Fscripts\u002Fplaceholder.ts ..\u002Fopen-design-landing\u002Fassets\u002F\n```\n\nSet your deck's `inputs.imagery.assets_path` to wherever those PNGs\nlive (default in the example: `..\u002Fopen-design-landing\u002Fassets\u002F`).\n\n### 3. Compose the deck\n\n```bash\nnpx tsx scripts\u002Fcompose.ts inputs.json out\u002Findex.html\n```\n\nThe composer reads `inputs.json`, loads the canonical Atelier Zero\nstylesheet from `..\u002Fopen-design-landing\u002Fstyles.css`, layers\ndeck-specific rules on top (horizontal flex track, slide layouts,\nHUD, dot nav, ESC overview, keyboard \u002F wheel \u002F touch handlers), and\nwrites one self-contained HTML file.\n\n### 4. Self-check\n\n- [ ] Open the HTML in a fresh browser tab; slide 1 (cover) shows\n      with chrome strip top-right showing `01 \u002F N`.\n- [ ] Press `→` (or Space, or scroll-down). Smoothly slides one\n      viewport to the right; dot nav advances; the coral progress bar\n      ticks forward.\n- [ ] Press `End`. Jumps to the final slide.\n- [ ] Press `Home`. Returns to slide 1.\n- [ ] Press `Esc`. Overview grid appears with scaled thumbnails;\n      click any tile to jump and dismiss the overview.\n- [ ] Resize to 1080px and 640px. Cover \u002F content slides collapse to\n      a single column; dot nav still works; chrome strips shrink.\n- [ ] `prefers-reduced-motion: reduce` (DevTools → Rendering): page\n      transitions stay snappy and don't induce motion sickness.\n- [ ] Lighthouse: contrast AA, font-display swap, no layout shift.\n\n## Boundaries\n\n- **Reuse the sister skill's stylesheet.** The composer reads\n  `..\u002Fopen-design-landing\u002Fstyles.css` at compile time. Do not\n  maintain a duplicate copy here; if Atelier Zero tokens evolve, edit\n  them once in the sister skill.\n- **Reuse the sister skill's image library.** No need to re-prompt or\n  re-render — the same 16 plates work for both surfaces.\n- **Keep slides single-viewport.** If a slide's content does not fit\n  100vh × 100vw at 1280×800 it will overflow and feel cramped. Trim\n  copy or split into two slides.\n- **Do not switch to vertical scroll-snap.** The horizontal swipe\n  posture is what makes this skill feel like a magazine spread; a\n  vertical scroller would just be a long landing page.\n- **Do not add a router.** This is a single-file artifact. Multi-page\n  decks are out of scope; for a multi-deck experience, render each\n  deck separately and link from a parent index.\n\n## See also\n\n- [`open-design-landing`](..\u002Fopen-design-landing\u002F) — landing page sister skill.\n- [`guizang-ppt`](..\u002Fguizang-ppt\u002F) — the magazine-deck navigation\n  pattern this skill borrows.\n- [`design-systems\u002Fatelier-zero\u002FDESIGN.md`](..\u002F..\u002Fdesign-systems\u002Fatelier-zero\u002FDESIGN.md) — token spec.\n","# open-design-landing-deck\n\nSister skill to [`open-design-landing`](..\u002Fopen-design-landing\u002F). Same\nAtelier Zero visual system (warm paper, Inter Tight + Playfair Display,\nitalic-serif emphasis, coral dots), but paginated as a **horizontal\nmagazine-style swipe deck** instead of a long scrolling page.\n\nThe navigation model is intentionally borrowed from the\n[`guizang-ppt`](..\u002Fguizang-ppt\u002F) skill — `←\u002F→` arrow keys, wheel \u002F\nswipe, ESC for the overview grid — so it feels like a print magazine\nflipping page by page rather than a web slide deck scrolling.\n\n```text\ninputs.json + ..\u002Fopen-design-landing\u002Fstyles.css\n        │\n        └──────────► scripts\u002Fcompose.ts\n                            │\n                            ▼\n                   \u003Cout>\u002Findex.html\n                   (one viewport per slide, horizontal swipe)\n```\n\n## What you get\n\n- A single self-contained HTML file with N viewport-sized slides laid\n  out horizontally on one transformed flex track.\n- **Keyboard navigation**: `←\u002F→` · `↑\u002F↓` · PageUp\u002FPageDown · Space ·\n  Home\u002FEnd.\n- **Wheel + touch swipe** (with momentum guard so a single trackpad\n  flick doesn't overshoot).\n- **Per-slide chrome strip**: brand mark, deck title, location,\n  Roman-numeral year, live slide counter (`01 \u002F 11`).\n- **Coral progress bar** at the bottom that fills as you advance.\n- **Dot indicator** strip near the bottom; click any dot to jump.\n- **ESC overview grid** — scaled thumbnails of every slide, click to\n  jump. Mirrors `guizang-ppt`'s overview UX.\n- Reuses the **same 16-slot image library** as the sister skill — no\n  duplicate assets.\n\n## Slide types\n\n| Kind        | Use it for                                                    |\n| :---------- | :------------------------------------------------------------ |\n| `cover`     | Title plate at the start. 2-column copy + collage art.        |\n| `section`   | Roman-numeral divider between chapters. Centered, full-bleed. |\n| `content`   | Eyebrow + title + body + bullets + optional collage art.      |\n| `stats`     | Up to 4 large stat cells (value · label · sub-label).         |\n| `quote`     | Pull quote + author. Optional portrait collage on the right.  |\n| `cta`       | Closing pitch + 1-2 buttons.                                  |\n| `end`       | Mega italic-serif kicker word + signature footer.             |\n\nA typical 11-slide pitch:\n\n```\n1. cover     — title plate, hero collage\n2. section   — \"I. The problem\"\n3. content   — about \u002F manifesto, bullets\n4. content   — capabilities, bullets\n5. stats     — 4 numbers\n6. section   — \"II. How it feels\"\n7. content   — method, bullets\n8. content   — selected work\n9. quote     — customer testimonial\n10. cta      — primary + secondary action\n11. end      — mega kicker + signature\n```\n\n## Workflow\n\n### 1. Author `inputs.json`\n\nStart from [`inputs.example.json`](.\u002Finputs.example.json) (the Open\nDesign pitch deck). The brand block, image strategy, and assets path\nmirror the sister skill — if you already filled out an\n`open-design-landing` brief, copy `brand` and `imagery` over verbatim.\n\nFor each slide, pick a `kind` and fill the typed fields from\n[`schema.ts`](.\u002Fschema.ts). `MixedText` (sans-serif baseline +\nitalic-serif emphasis spans + coral terminating dot) is the same\nencoding used by the sister skill — see its `inputs.example.json`.\n\n### 2. (Optional) generate or stub imagery\n\nThis skill does **not** ship its own image generator or placeholder\nscript — it shares the 16-slot library from `open-design-landing`. To\nregenerate or stub:\n\n```bash\n# generate via gpt-image-2 (fal.ai)\nFAL_KEY=... npx tsx ..\u002Fopen-design-landing\u002Fscripts\u002Fimagegen.ts ..\u002Fopen-design-landing\u002Finputs.example.json --out=..\u002Fopen-design-landing\u002Fassets\u002F\n\n# or paper-textured SVG placeholders\nnpx tsx ..\u002Fopen-design-landing\u002Fscripts\u002Fplaceholder.ts ..\u002Fopen-design-landing\u002Fassets\u002F\n```\n\nSet your deck's `inputs.imagery.assets_path` to wherever those PNGs\nlive (default in the example: `..\u002Fopen-design-landing\u002Fassets\u002F`).\n\n### 3. Compose the deck\n\n```bash\nnpx tsx scripts\u002Fcompose.ts inputs.json out\u002Findex.html\n```\n\nThe composer reads `inputs.json`, loads the canonical Atelier Zero\nstylesheet from `..\u002Fopen-design-landing\u002Fstyles.css`, layers\ndeck-specific rules on top (horizontal flex track, slide layouts,\nHUD, dot nav, ESC overview, keyboard \u002F wheel \u002F touch handlers), and\nwrites one self-contained HTML file.\n\n### 4. Self-check\n\n- [ ] Open the HTML in a fresh browser tab; slide 1 (cover) shows\n      with chrome strip top-right showing `01 \u002F N`.\n- [ ] Press `→` (or Space, or scroll-down). Smoothly slides one\n      viewport to the right; dot nav advances; the coral progress bar\n      ticks forward.\n- [ ] Press `End`. Jumps to the final slide.\n- [ ] Press `Home`. Returns to slide 1.\n- [ ] Press `Esc`. Overview grid appears with scaled thumbnails;\n      click any tile to jump and dismiss the overview.\n- [ ] Resize to 1080px and 640px. Cover \u002F content slides collapse to\n      a single column; dot nav still works; chrome strips shrink.\n- [ ] `prefers-reduced-motion: reduce` (DevTools → Rendering): page\n      transitions stay snappy and don't induce motion sickness.\n- [ ] Lighthouse: contrast AA, font-display swap, no layout shift.\n\n## Boundaries\n\n- **Reuse the sister skill's stylesheet.** The composer reads\n  `..\u002Fopen-design-landing\u002Fstyles.css` at compile time. Do not\n  maintain a duplicate copy here; if Atelier Zero tokens evolve, edit\n  them once in the sister skill.\n- **Reuse the sister skill's image library.** No need to re-prompt or\n  re-render — the same 16 plates work for both surfaces.\n- **Keep slides single-viewport.** If a slide's content does not fit\n  100vh × 100vw at 1280×800 it will overflow and feel cramped. Trim\n  copy or split into two slides.\n- **Do not switch to vertical scroll-snap.** The horizontal swipe\n  posture is what makes this skill feel like a magazine spread; a\n  vertical scroller would just be a long landing page.\n- **Do not add a router.** This is a single-file artifact. Multi-page\n  decks are out of scope; for a multi-deck experience, render each\n  deck separately and link from a parent index.\n\n## See also\n\n- [`open-design-landing`](..\u002Fopen-design-landing\u002F) — landing page sister skill.\n- [`guizang-ppt`](..\u002Fguizang-ppt\u002F) — the magazine-deck navigation\n  pattern this skill borrows.\n- [`design-systems\u002Fatelier-zero\u002FDESIGN.md`](..\u002F..\u002Fdesign-systems\u002Fatelier-zero\u002FDESIGN.md) — token spec.\n",{"od":24,"name":5,"tags":40,"inputs":47,"en_name":65,"outputs":66,"zh_name":70,"triggers":71,"parameters":74,"description":79,"en_description":79,"example_prompt":80,"zh_description":81,"capabilities_required":82},{"mode":25,"tone":26,"craft":27,"scale":31,"preview":32,"surface":35,"audience":36,"category":37,"scenario":38,"example_prompt":39},"deck","editorial, restrained, premium",{"requires":28},[29,30],"typographic-rhythm","pixel-discipline","6-15 viewport-locked slides",{"type":33,"entry":34},"html","index.html","web","founders pitching, conference talks, internal reviews","marketing-gtm","marketing","Create \"Write a Brand-Story Deck like a Founder Storyteller\" as a decision-grade Marketing & GTM deck in this template's own visual system. Subject: Open Design's brand-story deck for partners and press: why it exists, what it believes, and where design is going. Audience: partners, press, community. First ask only for missing essentials: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Then produce the slide plan, written slides, visual direction, speaker-ready structure, and a critic pass against this rubric: can the plan connect creative choices to measurable growth.",[37,41,38,42,43,44,45,46,5],"annual-marketing-plan","launch","campaign","pipeline","decision-deck","commercial-slide-agent",[48,52,56,61],{"id":49,"label":50,"schema_path":51},"brand","Brand identity (shared across slides)",".\u002Fschema.ts#BrandBlock",{"id":53,"label":54,"description":55},"deck_title","Kicker shown in the per-slide top chrome","e.g. `'Open Design · Vol. 01 \u002F Issue Nº 26'`.",{"id":57,"label":58,"description":59,"schema_path":60},"slides","Ordered list of typed slides","Each entry is one of seven slide kinds. Mix and match freely; the composer routes each by `kind`.\n",".\u002Fschema.ts#Slide",{"id":62,"label":63,"schema_path":64},"imagery","Image library (defaults to sister skill's assets)","..\u002Fopen-design-landing\u002Fschema.ts#ImageryConfig","Write a Brand-Story Deck like a Founder Storyteller",[67],{"path":68,"description":69},"\u003Cout>\u002Findex.html","Self-contained HTML deck — Atelier Zero CSS inlined, runtime script inline, images relative.","像会讲故事的创始人一样写品牌故事稿",[41,37,65,70,42,43,44,72,73],"html deck","html slides",{"slides_recommended_count":75},{"type":76,"default":77,"description":78},"number",11,"8-15 is the sweet spot. Below 6 the deck feels thin; above 18 attendees lose the thread.","Open Design's brand-story deck for partners and press: why it exists, what it believes, and where design is going. Built as a decision-grade marketing & GTM deck for partners, press, community.\n","Build me an 11-slide pitch deck for \"Lumen Field\", a focus-soundscape\nstudio. Cover with hero plate, two section dividers, two product\ncontent slides with bullets, a stats slide showing 12 soundscapes \u002F 4\npresets \u002F 1 daily ritual, a customer quote, a closing CTA, and an end\ncard. Reuse the open-design-landing image library.","像会讲故事的创始人一样写品牌故事稿——一份可商业交付的市场增长 Deck，围绕真实主题、证据链与决策目标组织。\n",[83,84],"file-write","node-runtime","main","87afe6ce96220accf50a345dea46784c8c9f210e","YYC3-Design-设计资源\u002FYYC3-Design-设计资源-open-design\u002Fdesign-templates\u002Fopen-design-landing-deck",0,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base","https:\u002F\u002Fkb.yyc3.top\u002F","https:\u002F\u002Fgithub.com\u002FYYC-Cube","万象归元于云枢 | 深栈智启新纪元","2026-11-10 10:37:32",{"source":8,"skillName":5,"commands":95,"prompt":105,"zipAvailable":106},[96,99,102],{"tool":97,"command":98},"npx","npx skills add YYC-Cube\u002FYYC3-Knowledge-Base --skill open-design-landing-deck",{"tool":100,"command":101},"bunx","bunx skills add YYC-Cube\u002FYYC3-Knowledge-Base --skill open-design-landing-deck",{"tool":103,"command":104},"pnpm","pnpm dlx skills add YYC-Cube\u002FYYC3-Knowledge-Base --skill open-design-landing-deck","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Design-设计资源\u002FYYC3-Design-设计资源-open-design\u002Fdesign-templates\u002Fopen-design-landing-deck\u002FSKILL.md",true,[108,114,118,122,128],{"path":109,"resourceType":110,"resourceTypeDesc":111,"sizeBytes":112,"sourceHtmlUrl":113},"example.html","REFERENCE","参考文档",83887,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Design-设计资源\u002FYYC3-Design-设计资源-open-design\u002Fdesign-templates\u002Fopen-design-landing-deck\u002Fexample.html",{"path":115,"resourceType":110,"resourceTypeDesc":111,"sizeBytes":116,"sourceHtmlUrl":117},"inputs.example.json",7721,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Design-设计资源\u002FYYC3-Design-设计资源-open-design\u002Fdesign-templates\u002Fopen-design-landing-deck\u002Finputs.example.json",{"path":119,"resourceType":110,"resourceTypeDesc":111,"sizeBytes":120,"sourceHtmlUrl":121},"README.md",4296,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Design-设计资源\u002FYYC3-Design-设计资源-open-design\u002Fdesign-templates\u002Fopen-design-landing-deck\u002FREADME.md",{"path":123,"resourceType":124,"resourceTypeDesc":125,"sizeBytes":126,"sourceHtmlUrl":127},"schema.ts","SCRIPT","脚本",3877,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Design-设计资源\u002FYYC3-Design-设计资源-open-design\u002Fdesign-templates\u002Fopen-design-landing-deck\u002Fschema.ts",{"path":129,"resourceType":124,"resourceTypeDesc":125,"sizeBytes":130,"sourceHtmlUrl":131},"scripts\u002Fcompose.ts",33944,"https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-Design-设计资源\u002FYYC3-Design-设计资源-open-design\u002Fdesign-templates\u002Fopen-design-landing-deck\u002Fscripts\u002Fcompose.ts",[133,140,147,154,161,168],{"skillNo":134,"name":135,"nameZh":6,"description":136,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":137,"categories":138,"keywords":139,"publishedAt":19},"01M7CTDWHERCXPQCP0K03A86AS","vercel-sandbox","Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-deployed app. Use when the user needs browser automation in a Vercel app (Next.js, SvelteKit, Nuxt, Remix, Astro, etc.), wants to run headless Chrome without binary size limits, needs persistent browser sessions across commands, or wants ephemeral isolated browser environments. Triggers include \"Vercel Sandbox browser\", \"microVM Chrome\", \"agent-browser in sandbox\", \"browser automation on Vercel\", or any task requiring Chrome in a Vercel Sandbox.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Fvercel-sandbox\u002FSKILL.md",[],[],{"skillNo":141,"name":142,"nameZh":6,"description":143,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":144,"categories":145,"keywords":146,"publishedAt":19},"01M7CTD8D2BNJY54S65M47HEJA","slack","Interact with Slack workspaces using browser automation. Use when the user needs to check unread channels, navigate Slack, send messages, extract data, find information, search conversations, or automate any Slack task. Triggers include \"check my Slack\", \"what channels have unreads\", \"send a message to\", \"search Slack for\", \"extract from Slack\", \"find who said\", or any task requiring programmatic Slack interaction.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Fslack\u002FSKILL.md",[],[],{"skillNo":148,"name":149,"nameZh":6,"description":150,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":151,"categories":152,"keywords":153,"publishedAt":19},"01M7CTCSSB8ZP3Q58C3YZDZK1W","electron","Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include \"automate Slack app\", \"control VS Code\", \"interact with Discord app\", \"test this Electron app\", \"connect to desktop app\", or any task requiring automation of a native Electron application.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Felectron\u002FSKILL.md",[],[],{"skillNo":155,"name":156,"nameZh":6,"description":157,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":158,"categories":159,"keywords":160,"publishedAt":19},"01M7CTCBJY76688V4DCZGWFHGQ","dogfood","Systematically explore and test a web application to find bugs, UX issues, and other problems. Use when asked to \"dogfood\", \"QA\", \"exploratory test\", \"find issues\", \"bug hunt\", \"test this app\u002Fsite\u002Fplatform\", or review the quality of a web application. Produces a structured report with full reproduction evidence -- step-by-step screenshots, repro videos, and detailed repro steps for every issue -- so findings can be handed directly to the responsible teams.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Fdogfood\u002FSKILL.md",[],[],{"skillNo":162,"name":163,"nameZh":6,"description":164,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":165,"categories":166,"keywords":167,"publishedAt":19},"01M7CTC4H0FFGVEAQR9PA4GA1A","agent-browser","Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to \"open a website\", \"fill out a form\", \"click a button\", \"take a screenshot\", \"scrape data from a page\", \"test this web app\", \"login to a site\", \"automate browser actions\", or any task requiring programmatic web interaction.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-WebSpec-Web标准\u002FYYC3-WebSpec-Web标准-standards\u002Fbrowser-agent\u002Fskills\u002Fagent-browser\u002FSKILL.md",[],[],{"skillNo":169,"name":170,"nameZh":6,"description":171,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":172,"categories":173,"keywords":174,"publishedAt":19},"01M7CTBKVFYBG78FDSABSDJTTQ","shadcn","Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn\u002Fui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for \"shadcn init\", \"create an app with --preset\", \"switch to --preset\", and for building a design system or applying a DESIGN.md or brand spec to shadcn\u002Fui.","https:\u002F\u002Fgithub.com\u002FYYC-Cube\u002FYYC3-Knowledge-Base\u002Fblob\u002Fmain\u002FYYC3-UI-界面组件\u002FYYC3-UI-界面组件-ui\u002Fskills\u002Fshadcn\u002FSKILL.md",[],[]]