[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7DAYJS362SF1R6J2EYZ3HXG":3,"skill-same:01M7DAYJS362SF1R6J2EYZ3HXG":81},{"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":50,"commitSha":51,"skillDirectory":52,"forksCount":53,"repositoryHtmlUrl":54,"repositoryHomepageUrl":55,"ownerHtmlUrl":56,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":57,"install":58,"resources":71},"01M7DAYJS362SF1R6J2EYZ3HXG","fs-creative-voltage",null,"OpenDesign's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask. Built as a decision-grade fundraising pitch deck for pre-seed & seed VCs.","feimacode\u002Fopen-design-agent-kit","feimacode","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F264390570?v=4","01M7D3HQSP5EP4Z4JECTSQ7EBD","Feima Code","01M7D3HQT72Q4EVQJP89MR9WP1",1129,"MIT","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fexamples\u002Ffs-creative-voltage\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: fs-creative-voltage\nen_name: \"Write a Seed Pitch like a Top Pre-Seed Founder\"\nzh_name: \"像顶级 pre-seed 创始人一样写种子路演\"\ndescription: |\n  OpenDesign's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask. Built as a decision-grade fundraising pitch deck for pre-seed & seed VCs.\nen_description: |\n  OpenDesign's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask. Built as a decision-grade fundraising pitch deck for pre-seed & seed VCs.\nzh_description: |\n  像顶级 pre-seed 创始人一样写种子路演——一份可商业交付的融资路演 Deck，围绕真实主题、证据链与决策目标组织。\ntags:\n  - \"fundraising-pitch\"\n  - \"series-a-pitch-deck\"\n  - \"finance\"\n  - \"pitch-deck\"\n  - \"fundraising\"\n  - \"investor-deck\"\n  - \"decision-deck\"\n  - \"commercial-slide-agent\"\n  - \"fs-creative-voltage\"\ntriggers:\n  - \"series-a-pitch-deck\"\n  - \"fundraising-pitch\"\n  - \"Write a Seed Pitch like a Top Pre-Seed Founder\"\n  - \"像顶级 pre-seed 创始人一样写种子路演\"\n  - \"pitch-deck\"\n  - \"fundraising\"\n  - \"investor-deck\"\n  - \"html deck\"\n  - \"html slides\"\nod:\n  mode: deck\n  surface: web\n  upstream: \"https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Ffrontend-slides\"\n  preview:\n    type: html\n    entry: example.html\n  example_prompt_i18n:\n    zh-CN: \"用「创意伏特」主题把我的内容做成单文件 HTML 幻灯片：电光蓝 × 深海军撞色分割版面、荧光黄徽章、halftone 网点纹理、script 手写点缀，Syne + Space Mono 字体，固定 1920×1080 舞台等比缩放、键盘导航 + hash 路由。从 example.html 出发只替换内容，保留设计系统。\"\n  category: \"fundraising-pitch\"\n  scenario: \"finance\"\n  example_prompt: \"Create \\\"Write a Seed Pitch like a Top Pre-Seed Founder\\\" as a decision-grade Fundraising pitch deck in this template's own visual system. Subject: OpenDesign's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask. Audience: pre-seed & seed VCs. 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: would an investor know why this is venture-scale and urgent.\"\n---\n\n# Creative Voltage (fs-creative-voltage)\n\nA locked single-theme deck plugin derived from the **Creative Voltage** preset (section 3 of `STYLE_PRESETS.md`) in the MIT-licensed [zarazhangrui\u002Ffrontend-slides](https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Ffrontend-slides). Vibe: bold, creative, energetic, retro-modern — a retro poster shop wired to a power grid.\n\n**Start from `example.html` in this plugin folder. It is the proven seed: copy its stage CSS, slide shell chrome, signature-device CSS, and the entire `SlidePresentation` controller script verbatim, then replace only the slide content. Do not rewrite the stage system, the navigation script, or the design tokens. Do not introduce any colors or fonts outside this spec.**\n\n## Locked design tokens (`:root` — reproduce exactly)\n\n```css\n:root {\n    --stage-bg: #10101f;              \u002F* letterbox behind the stage *\u002F\n    --slide-bg: #1a1a2e;              \u002F* default slide background *\u002F\n\n    --bg-primary: #0066ff;            \u002F* electric blue panel *\u002F\n    --bg-primary-deep: #0052cc;       \u002F* blue gradient stop *\u002F\n    --bg-dark: #1a1a2e;               \u002F* deep navy panel *\u002F\n    --bg-dark-2: #23234a;             \u002F* lifted navy card *\u002F\n    --accent-neon: #d4ff00;           \u002F* neon yellow badge\u002Fhighlight *\u002F\n    --accent-neon-soft: rgba(212, 255, 0, 0.14);\n\n    --text-light: #ffffff;\n    --text-dim: rgba(255, 255, 255, 0.64);\n    --text-faint: rgba(255, 255, 255, 0.34);\n    --text-on-neon: #1a1a2e;          \u002F* navy text on neon yellow *\u002F\n    --line: rgba(255, 255, 255, 0.18);\n    --line-blue: rgba(255, 255, 255, 0.28);\n\n    --font-display: 'Syne', sans-serif;       \u002F* 700\u002F800, uppercase headlines *\u002F\n    --font-mono: 'Space Mono', monospace;     \u002F* 400\u002F700, body + labels + chrome *\u002F\n    --font-script: 'Yellowtail', cursive;     \u002F* script flourishes only *\u002F\n    --title-size: 138px;\n    --h2-size: 88px;\n    --subtitle-size: 32px;\n    --body-size: 27px;\n    --label-size: 20px;\n\n    --slide-pad: 96px;\n\n    --ease-volt: cubic-bezier(0.16, 1, 0.3, 1);   \u002F* the one signature easing *\u002F\n    --duration-normal: 0.7s;\n}\n```\n\nGoogle Fonts (the only external reference allowed):\n`https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Syne:wght@700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Yellowtail&display=swap`\n\n**Forbidden:** any color outside the token table; Inter \u002F Roboto \u002F Arial \u002F system display fonts; purple gradients; generic indigo `#6366f1`; rounded-corner glassmorphism. Neon yellow is an accent, never a slide background.\n\n## Fixed 16:9 stage — NON-NEGOTIABLE scaling system\n\n- Every deck is authored on a fixed **1920×1080** canvas: `.deck-viewport` (fills the window) wraps `.deck-stage` (1920×1080, `transform-origin: 0 0`).\n- JavaScript scales the whole stage uniformly: `factor = min(innerWidth\u002F1920, innerHeight\u002F1080)`, then `transform: translate(x, y) scale(factor)` to center with letterbox\u002Fpillarbox; re-run on `resize`.\n- Never reflow slide content per device. No responsive breakpoints inside slides. All measurements are fixed px at the 1920×1080 design size.\n- Include the full viewport-base block from the seed `\u003Cstyle>` (stage, slide stacking, print, `prefers-reduced-motion`).\n- Slide switching toggles `.active` \u002F `.visible` classes flipping `visibility` \u002F `opacity` \u002F `pointer-events` — **never `display: none`**.\n\n## Slide shell chrome (every slide)\n\n- `\u003Csection class=\"slide\">` directly inside `.deck-stage`; ~10 slides per deck — split content into more slides rather than shrinking type.\n- `.slide-no` top-left: Space Mono 700, neon yellow, format `NN \u002F VOLT`.\n- `.crumbs` top-right: uppercase mono breadcrumbs; active section in neon (`.on`).\n- `.baseline` bottom: 2px rule with uppercase mono caption left and `NN \u002F 10` right.\n- `.deck-controls` page counter is fixed-positioned **outside** the scaled stage.\n\n## Signature devices (the theme's identity — use them, don't invent new ones)\n\n1. **Split panels** — `.panel-blue` (46% width, `linear-gradient(160deg, #0066ff, #0052cc)`) against the deep navy base; `.panel-blue.right` mirrors it. Covers, dividers, quotes, and closings lean on this two-tone split.\n2. **Halftone dot texture** — `.halftone`: pure CSS `radial-gradient(circle, rgba(255,255,255,.30) 2.2px, transparent 2.9px)` on a `22px` grid, faded out with a `mask-image` linear gradient (`.fade` or inline masks). `.halftone.neon` swaps the dots to `rgba(212,255,0,.45)`. Place one halftone patch per slide, in a corner.\n3. **Neon badges** — `.badge`: neon yellow block, navy mono uppercase text, `rotate(-2deg)`, hard offset shadow `6px 6px 0 rgba(0,0,0,.35)`. Sticker energy.\n4. **Script flourishes** — `.script` (Yellowtail) in neon yellow, used for one emphasized word inside a headline or a signature line; often `rotate(-2deg\u002F-3deg)`. Never for body text.\n5. **Ghost numerals** — `.ghost-num`: transparent fill with `-webkit-text-stroke: 4px var(--accent-neon)` for giant section-divider characters.\n\n## Layout masters (compose every deck from these — all present in the seed)\n\n| Master | Seed slide | Notes |\n| ------ | ---------- | ----- |\n| Cover (split blue\u002Fdark) | 1 | badge + giant Syne title + script tagline left; mono metadata + neon rule right |\n| Agenda | 2 | rows with neon mono index, Syne uppercase name, dim mono hint |\n| Section divider | 3 | giant ghost numeral on blue panel + badge + intro paragraph |\n| Bullets | 4 | max 3-4 items: rotated neon tick (inline SVG) + Syne heading + mono support line |\n| Big stat | 5 | one oversized neon Syne number (≈480px) + side note column |\n| Principle grid | 6 | 2×2 cards on `--bg-dark-2`, one `.hot` card on electric blue, inline SVG icons stroked `#d4ff00` |\n| CSS bar chart | 7 | `scaleY`-animated bars (navy \u002F blue \u002F neon for the hero bar), mono values + labels, no chart libraries |\n| Quote | 8 | Syne quote with neon `\u003Cem>`, Yellowtail attribution, narrow blue panel right |\n| Comparison | 9 | navy \"before\" column (× markers) vs blue \"after\" column (→ markers, neon tag) |\n| Closing | 10 | badge + giant title ending in a script word + mono contact links with inline SVG icons |\n\n## Motion\n\n- Entrances via `.reveal` elements that transition when the slide gains `.visible`; stagger with `transition-delay` steps of ~0.1s (`nth-child` rules in the seed).\n- Chart bars animate `transform: scaleY(0 → 1)` from `transform-origin: bottom` with per-bar delays.\n- One signature easing only: `cubic-bezier(0.16, 1, 0.3, 1)`. Animate only `transform` and `opacity`. `prefers-reduced-motion` support is mandatory (in the base CSS).\n\n## Navigation runtime (keep the seed's script verbatim)\n\n- Keyboard: `←`\u002F`→`, `↑`\u002F`↓`, `Space`, `PageUp`\u002F`PageDown`, `Home`\u002F`End`.\n- Hash routing: current slide mirrored to `#\u002F\u003Cindex>`; deep links and `hashchange` restore the slide.\n- Mouse wheel (debounced ~650ms) and touch swipe (≥40px threshold).\n\n## Output contract\n\n- One self-contained `.html` file: all CSS and JS inline, no build step, no external JS libraries, no CDN scripts; Google Fonts link is the only external reference.\n- Icons are inline SVG stroked in `#d4ff00` (or `#1a1a2e` on neon ticks). No remote images; halftone patterns, gradients, and panels are the visual language.\n- No scrolling, no overflow, no overlapping text panels. Comment each section `\u002F* === SECTION NAME === *\u002F`.\n- CSS gotcha: never negate CSS functions directly (`-clamp()` is silently ignored) — use `calc(-1 * clamp(...))`.\n\n## Attribution\n\nTheme tokens and the fixed-stage model come from the upstream MIT-licensed [zarazhangrui\u002Ffrontend-slides](https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Ffrontend-slides) (© 2025 Zara Zhang), Creative Voltage preset. The LICENSE file ships in this plugin folder; keep it in place when redistributing.\n","# Creative Voltage (fs-creative-voltage)\n\nA locked single-theme deck plugin derived from the **Creative Voltage** preset (section 3 of `STYLE_PRESETS.md`) in the MIT-licensed [zarazhangrui\u002Ffrontend-slides](https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Ffrontend-slides). Vibe: bold, creative, energetic, retro-modern — a retro poster shop wired to a power grid.\n\n**Start from `example.html` in this plugin folder. It is the proven seed: copy its stage CSS, slide shell chrome, signature-device CSS, and the entire `SlidePresentation` controller script verbatim, then replace only the slide content. Do not rewrite the stage system, the navigation script, or the design tokens. Do not introduce any colors or fonts outside this spec.**\n\n## Locked design tokens (`:root` — reproduce exactly)\n\n```css\n:root {\n    --stage-bg: #10101f;              \u002F* letterbox behind the stage *\u002F\n    --slide-bg: #1a1a2e;              \u002F* default slide background *\u002F\n\n    --bg-primary: #0066ff;            \u002F* electric blue panel *\u002F\n    --bg-primary-deep: #0052cc;       \u002F* blue gradient stop *\u002F\n    --bg-dark: #1a1a2e;               \u002F* deep navy panel *\u002F\n    --bg-dark-2: #23234a;             \u002F* lifted navy card *\u002F\n    --accent-neon: #d4ff00;           \u002F* neon yellow badge\u002Fhighlight *\u002F\n    --accent-neon-soft: rgba(212, 255, 0, 0.14);\n\n    --text-light: #ffffff;\n    --text-dim: rgba(255, 255, 255, 0.64);\n    --text-faint: rgba(255, 255, 255, 0.34);\n    --text-on-neon: #1a1a2e;          \u002F* navy text on neon yellow *\u002F\n    --line: rgba(255, 255, 255, 0.18);\n    --line-blue: rgba(255, 255, 255, 0.28);\n\n    --font-display: 'Syne', sans-serif;       \u002F* 700\u002F800, uppercase headlines *\u002F\n    --font-mono: 'Space Mono', monospace;     \u002F* 400\u002F700, body + labels + chrome *\u002F\n    --font-script: 'Yellowtail', cursive;     \u002F* script flourishes only *\u002F\n    --title-size: 138px;\n    --h2-size: 88px;\n    --subtitle-size: 32px;\n    --body-size: 27px;\n    --label-size: 20px;\n\n    --slide-pad: 96px;\n\n    --ease-volt: cubic-bezier(0.16, 1, 0.3, 1);   \u002F* the one signature easing *\u002F\n    --duration-normal: 0.7s;\n}\n```\n\nGoogle Fonts (the only external reference allowed):\n`https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Syne:wght@700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Yellowtail&display=swap`\n\n**Forbidden:** any color outside the token table; Inter \u002F Roboto \u002F Arial \u002F system display fonts; purple gradients; generic indigo `#6366f1`; rounded-corner glassmorphism. Neon yellow is an accent, never a slide background.\n\n## Fixed 16:9 stage — NON-NEGOTIABLE scaling system\n\n- Every deck is authored on a fixed **1920×1080** canvas: `.deck-viewport` (fills the window) wraps `.deck-stage` (1920×1080, `transform-origin: 0 0`).\n- JavaScript scales the whole stage uniformly: `factor = min(innerWidth\u002F1920, innerHeight\u002F1080)`, then `transform: translate(x, y) scale(factor)` to center with letterbox\u002Fpillarbox; re-run on `resize`.\n- Never reflow slide content per device. No responsive breakpoints inside slides. All measurements are fixed px at the 1920×1080 design size.\n- Include the full viewport-base block from the seed `\u003Cstyle>` (stage, slide stacking, print, `prefers-reduced-motion`).\n- Slide switching toggles `.active` \u002F `.visible` classes flipping `visibility` \u002F `opacity` \u002F `pointer-events` — **never `display: none`**.\n\n## Slide shell chrome (every slide)\n\n- `\u003Csection class=\"slide\">` directly inside `.deck-stage`; ~10 slides per deck — split content into more slides rather than shrinking type.\n- `.slide-no` top-left: Space Mono 700, neon yellow, format `NN \u002F VOLT`.\n- `.crumbs` top-right: uppercase mono breadcrumbs; active section in neon (`.on`).\n- `.baseline` bottom: 2px rule with uppercase mono caption left and `NN \u002F 10` right.\n- `.deck-controls` page counter is fixed-positioned **outside** the scaled stage.\n\n## Signature devices (the theme's identity — use them, don't invent new ones)\n\n1. **Split panels** — `.panel-blue` (46% width, `linear-gradient(160deg, #0066ff, #0052cc)`) against the deep navy base; `.panel-blue.right` mirrors it. Covers, dividers, quotes, and closings lean on this two-tone split.\n2. **Halftone dot texture** — `.halftone`: pure CSS `radial-gradient(circle, rgba(255,255,255,.30) 2.2px, transparent 2.9px)` on a `22px` grid, faded out with a `mask-image` linear gradient (`.fade` or inline masks). `.halftone.neon` swaps the dots to `rgba(212,255,0,.45)`. Place one halftone patch per slide, in a corner.\n3. **Neon badges** — `.badge`: neon yellow block, navy mono uppercase text, `rotate(-2deg)`, hard offset shadow `6px 6px 0 rgba(0,0,0,.35)`. Sticker energy.\n4. **Script flourishes** — `.script` (Yellowtail) in neon yellow, used for one emphasized word inside a headline or a signature line; often `rotate(-2deg\u002F-3deg)`. Never for body text.\n5. **Ghost numerals** — `.ghost-num`: transparent fill with `-webkit-text-stroke: 4px var(--accent-neon)` for giant section-divider characters.\n\n## Layout masters (compose every deck from these — all present in the seed)\n\n| Master | Seed slide | Notes |\n| ------ | ---------- | ----- |\n| Cover (split blue\u002Fdark) | 1 | badge + giant Syne title + script tagline left; mono metadata + neon rule right |\n| Agenda | 2 | rows with neon mono index, Syne uppercase name, dim mono hint |\n| Section divider | 3 | giant ghost numeral on blue panel + badge + intro paragraph |\n| Bullets | 4 | max 3-4 items: rotated neon tick (inline SVG) + Syne heading + mono support line |\n| Big stat | 5 | one oversized neon Syne number (≈480px) + side note column |\n| Principle grid | 6 | 2×2 cards on `--bg-dark-2`, one `.hot` card on electric blue, inline SVG icons stroked `#d4ff00` |\n| CSS bar chart | 7 | `scaleY`-animated bars (navy \u002F blue \u002F neon for the hero bar), mono values + labels, no chart libraries |\n| Quote | 8 | Syne quote with neon `\u003Cem>`, Yellowtail attribution, narrow blue panel right |\n| Comparison | 9 | navy \"before\" column (× markers) vs blue \"after\" column (→ markers, neon tag) |\n| Closing | 10 | badge + giant title ending in a script word + mono contact links with inline SVG icons |\n\n## Motion\n\n- Entrances via `.reveal` elements that transition when the slide gains `.visible`; stagger with `transition-delay` steps of ~0.1s (`nth-child` rules in the seed).\n- Chart bars animate `transform: scaleY(0 → 1)` from `transform-origin: bottom` with per-bar delays.\n- One signature easing only: `cubic-bezier(0.16, 1, 0.3, 1)`. Animate only `transform` and `opacity`. `prefers-reduced-motion` support is mandatory (in the base CSS).\n\n## Navigation runtime (keep the seed's script verbatim)\n\n- Keyboard: `←`\u002F`→`, `↑`\u002F`↓`, `Space`, `PageUp`\u002F`PageDown`, `Home`\u002F`End`.\n- Hash routing: current slide mirrored to `#\u002F\u003Cindex>`; deep links and `hashchange` restore the slide.\n- Mouse wheel (debounced ~650ms) and touch swipe (≥40px threshold).\n\n## Output contract\n\n- One self-contained `.html` file: all CSS and JS inline, no build step, no external JS libraries, no CDN scripts; Google Fonts link is the only external reference.\n- Icons are inline SVG stroked in `#d4ff00` (or `#1a1a2e` on neon ticks). No remote images; halftone patterns, gradients, and panels are the visual language.\n- No scrolling, no overflow, no overlapping text panels. Comment each section `\u002F* === SECTION NAME === *\u002F`.\n- CSS gotcha: never negate CSS functions directly (`-clamp()` is silently ignored) — use `calc(-1 * clamp(...))`.\n\n## Attribution\n\nTheme tokens and the fixed-stage model come from the upstream MIT-licensed [zarazhangrui\u002Ffrontend-slides](https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Ffrontend-slides) (© 2025 Zara Zhang), Creative Voltage preset. The LICENSE file ships in this plugin folder; keep it in place when redistributing.\n",{"od":24,"name":5,"tags":36,"en_name":43,"zh_name":44,"triggers":45,"description":48,"en_description":48,"zh_description":49},{"mode":25,"preview":26,"surface":29,"category":30,"scenario":31,"upstream":32,"example_prompt":33,"example_prompt_i18n":34},"deck",{"type":27,"entry":28},"html","example.html","web","fundraising-pitch","finance","https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Ffrontend-slides","Create \"Write a Seed Pitch like a Top Pre-Seed Founder\" as a decision-grade Fundraising pitch deck in this template's own visual system. Subject: OpenDesign's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask. Audience: pre-seed & seed VCs. 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: would an investor know why this is venture-scale and urgent.",{"zh-CN":35},"用「创意伏特」主题把我的内容做成单文件 HTML 幻灯片：电光蓝 × 深海军撞色分割版面、荧光黄徽章、halftone 网点纹理、script 手写点缀，Syne + Space Mono 字体，固定 1920×1080 舞台等比缩放、键盘导航 + hash 路由。从 example.html 出发只替换内容，保留设计系统。",[30,37,31,38,39,40,41,42,5],"series-a-pitch-deck","pitch-deck","fundraising","investor-deck","decision-deck","commercial-slide-agent","Write a Seed Pitch like a Top Pre-Seed Founder","像顶级 pre-seed 创始人一样写种子路演",[37,30,43,44,38,39,40,46,47],"html deck","html slides","OpenDesign's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask. Built as a decision-grade fundraising pitch deck for pre-seed & seed VCs.\n","像顶级 pre-seed 创始人一样写种子路演——一份可商业交付的融资路演 Deck，围绕真实主题、证据链与决策目标组织。\n","main","e38061066b92c298798dbddc1decbae8c026464f","packages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fexamples\u002Ffs-creative-voltage",104,"https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit","https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=feima.open-design-agent-kit","https:\u002F\u002Fgithub.com\u002Ffeimacode","2026-11-14 17:32:48",{"source":8,"skillName":5,"commands":59,"prompt":69,"zipAvailable":70},[60,63,66],{"tool":61,"command":62},"npx","npx skills add feimacode\u002Fopen-design-agent-kit --skill fs-creative-voltage",{"tool":64,"command":65},"bunx","bunx skills add feimacode\u002Fopen-design-agent-kit --skill fs-creative-voltage",{"tool":67,"command":68},"pnpm","pnpm dlx skills add feimacode\u002Fopen-design-agent-kit --skill fs-creative-voltage","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fexamples\u002Ffs-creative-voltage\u002FSKILL.md",true,[72,77],{"path":28,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":75,"sourceHtmlUrl":76},"REFERENCE","参考文档",41722,"https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fexamples\u002Ffs-creative-voltage\u002Fexample.html",{"path":78,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":79,"sourceHtmlUrl":80},"open-design.json",5910,"https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fexamples\u002Ffs-creative-voltage\u002Fopen-design.json",[82,89,96,103,110,117],{"skillNo":83,"name":84,"nameZh":6,"description":85,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":86,"categories":87,"keywords":88,"publishedAt":19},"01M7DDR9C4RR6E8F46YBJ8MW64","youtube-clipper","YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fyoutube-clipper\u002FSKILL.md",[],[],{"skillNo":90,"name":91,"nameZh":6,"description":92,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":93,"categories":94,"keywords":95,"publishedAt":19},"01M7DDR57XHXAFBGKX3SYTGSJB","writing-guidelines","Review docs\u002Fprose for Writing Guidelines compliance. Use when asked to \"review my docs\", \"check writing style\", \"audit prose\", \"review docs voice and tone\", or \"check this page against the writing handbook\".","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fwriting-guidelines\u002FSKILL.md",[],[],{"skillNo":97,"name":98,"nameZh":6,"description":99,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":100,"categories":101,"keywords":102,"publishedAt":19},"01M7DDR2RM4F3FM5642JZBGJSF","wpds","WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fwpds\u002FSKILL.md",[],[],{"skillNo":104,"name":105,"nameZh":6,"description":106,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":107,"categories":108,"keywords":109,"publishedAt":19},"01M7DDQX3G9QDCBV5GGZGQ1NZN","weread-year-in-review-video-template","WeRead-inspired HyperFrames video template for vertical annual reading reports,\npersonal reading dashboards, book-note recaps, and shareable year-in-review\nstories. Use when users want a 9:16 HTML-to-MP4 reading report with warm paper\ntexture, editorial Chinese typography, book-page metaphors, data highlights,\nand deterministic motion.","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fweread-year-in-review-video-template\u002FSKILL.md",[],[],{"skillNo":111,"name":112,"nameZh":6,"description":113,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":114,"categories":115,"keywords":116,"publishedAt":19},"01M7DDQRGJEHQST6TXDH6ZAV5G","web-design-guidelines","Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fweb-design-guidelines\u002FSKILL.md",[],[],{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":123,"publishedAt":19},"01M7DDQKADVPZW1Z1HTVKXY542","web-clone","网站复刻 \u002F 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互\u002FWebGL\u002FCanvas\u002FThree.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 \u002F React-Vue-Next 内容站 \u002F WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。","https:\u002F\u002Fgithub.com\u002Ffeimacode\u002Fopen-design-agent-kit\u002Fblob\u002Fmain\u002Fpackages\u002Fvscode\u002Fassets\u002Fopen-design\u002Fskills\u002Fweb-clone\u002FSKILL.md",[],[]]