[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M789SQDMCSKJ67MMDXZWHAM1":3,"skill-same:01M789SQDMCSKJ67MMDXZWHAM1":124},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":18,"linkOnly":19,"markdownContent":20,"markdownBody":21,"frontMatter":22,"refName":93,"commitSha":94,"skillDirectory":95,"forksCount":13,"repositoryHtmlUrl":96,"repositoryHomepageUrl":97,"ownerHtmlUrl":98,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":99,"install":100,"resources":113},"01M789SQDMCSKJ67MMDXZWHAM1","kami-landing",null,"Produce a print-grade single-page kami (紙 \u002F 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.","bluesman1971\u002Fopen-design","bluesman1971","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F96430007?v=4","01M788AK0TR13JE8ART2WNQZV6","01M788AK1PVB085AS9SP38WWGK",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fkami-landing\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: kami-landing\ndescription: >\n  Produce a print-grade single-page kami (紙 \u002F 纸) document — warm\n  parchment canvas, ink-blue accent, serif at one weight, no italic,\n  no cool grays. The output reads like a professional white paper or\n  studio one-pager, not an app UI. Multilingual by design (EN ·\n  zh-CN · ja). One self-contained HTML file, zero dependencies.\ntriggers:\n  - kami\n  - 紙\n  - 纸\n  - paper one-pager\n  - 白皮书\n  - white paper\n  - parchment landing\n  - editorial document\n  - print-grade page\n  - kami landing\nod:\n  category: brand-page\n  surface: web\n  mode: prototype\n  platform: desktop\n  scenario: marketing\n  featured: 3\n  audience: founders, design studios, OSS maintainers, researchers\n  tone: editorial, restrained, print-first\n  scale: viewport-anchored long-form single page\n  preview:\n    type: html\n    entry: index.html\n    reload: debounce-100\n  design_system:\n    requires: false\n  craft:\n    requires:\n      - typographic-rhythm\n      - pixel-discipline\ninputs:\n  - id: brand\n    label: Brand identity\n    description: Name, tagline, location, edition \u002F version, primary URL.\n  - id: hero\n    label: Hero \u002F cover block\n    description: Eyebrow + headline (one line, ≤ 6 words at display size) + tagline + 3 hero meta tokens.\n  - id: manifesto\n    label: Manifesto paragraph + signature\n  - id: metrics\n    label: 3-6 metric tiles (value · label · sub)\n  - id: chapters\n    label: 3-5 numbered chapters (title + lede + body)\n  - id: footer\n    label: License · year · contact + 3-column site index\nparameters:\n  output_format:\n    type: enum\n    values: [standalone-html]\n    default: standalone-html\n  language:\n    type: enum\n    values: [en, zh-CN, ja]\n    default: en\n    description: >\n      Sets the primary serif stack on `:root`. EN uses Charter,\n      zh-CN uses TsangerJinKai02 \u002F Source Han Serif, ja uses\n      YuMincho. Mixed-script content is allowed inline; the browser\n      resolves per-glyph fallback automatically.\noutputs:\n  - path: \u003Cout>\u002Findex.html\n    description: Self-contained HTML, kami CSS inlined, zero JS, zero external dependencies beyond Google Fonts.\ncapabilities_required:\n  - file-write\nexample_prompt: |\n  Build me a kami-style one-pager for \"Lumen Field\", an indie studio\n  shipping a soundscape app for focus. Hero headline \"Soundscapes for\n  focused work.\", manifesto paragraph + signature \"by Lumen Field,\n  Berlin\", 3 metric tiles (12 soundscapes \u002F 4 presets \u002F 1 daily ritual),\n  three numbered chapters covering the studio, the app, and the roadmap.\n  English-language stack.\n---\n\n# kami-landing\n\nProduce a single-page document in the **kami (紙 \u002F 纸)** design system.\nThe aesthetic borrows from editorial print, technical white papers,\nand old typewritten correspondence — the goal is *good content on\ngood paper*, not *modern app UI*.\n\n> **Design system source of truth:** [`design-systems\u002Fkami\u002FDESIGN.md`](..\u002F..\u002Fdesign-systems\u002Fkami\u002FDESIGN.md).\n> Read it before shipping. Tokens, type rules, the \"ten invariants\",\n> and forbidden colors all live there.\n\n## What you get\n\nA single self-contained HTML file with:\n\n- **Warm parchment canvas** (`#f5f4ed`) — never `#ffffff`.\n- **Single chromatic accent** — ink-blue (`#1B365D`), used on the\n  section number, the headline accent word, the left rule of the\n  manifesto, and the metric values. Anywhere else, ink-blue must\n  cover ≤ 5% of the document surface area.\n- **Serif at one weight (500) for hierarchy** — Charter (EN),\n  TsangerJinKai02 \u002F Source Han Serif (CN), or YuMincho (JA),\n  selected by the `language` parameter. **No italic anywhere.**\n- **Tight print rhythm** — line-heights 1.10–1.55, letter-spacing\n  per language (0 for EN, 0.35px for CN, 0.02em for JA).\n- **Numeric stacks set in `font-variant-numeric: tabular-nums`** so\n  metric columns and pagination digits sit cleanly aligned.\n- **Depth via 1px rings + whisper shadows** (`0 4px 24px rgba(0,0,0,0.05)`).\n  No hard drop shadows, no neumorphism, no backdrop-filter blurs.\n- **Tag fills as solid hex** (e.g. `#E4ECF5`), never `rgba()` —\n  print renderers double-paint alpha tags.\n- **Responsive** at 1280 \u002F 980 \u002F 768 \u002F 560.\n\n## Page structure\n\n```text\n1. Eyebrow row     — locale switcher · edition · version (12px sans uppercase)\n2. Hero            — display headline (96–106px serif 500), tagline (21px),\n                     three hero-token chips (paper-tinted)\n3. Manifesto       — pull paragraph in serif 400, 20px, 1.65 LH, with\n                     ink-blue left-rule and signature footer\n4. Metrics row     — 3-6 cells: value (24px serif 500 ink-blue, tabular-nums),\n                     label (12px serif 500 olive)\n5. Chapters        — numbered (`01`, `02`, …) ink-blue serif 500 14px,\n                     section title 28-32px, body 14-15px\n6. Footer          — kicker word (mega serif 500), license · year · contact,\n                     three-column site index in 12px serif 500\n```\n\n## Workflow contract\n\n### 1. Gather brand brief\n\nUse `AskQuestion` (or equivalent) to collect the brand brief in\nchunks. Don't dump the whole input list on the user; ask in two\nrounds:\n\n1. Identity round — name, tagline, location, edition \u002F version,\n   primary URL, dominant language.\n2. Content round — manifesto paragraph + signature, 3-6 metric\n   tiles, 3-5 chapter (title + lede + body) entries.\n\n### 2. Pick the language stack\n\nThe `language` parameter controls which `--serif` stack is set on\n`:root`. Pick based on the dominant language of the manifesto and\nchapter body copy:\n\n| `language` | `--serif`                                                 | Notes                                  |\n| :--------- | :-------------------------------------------------------- | :------------------------------------- |\n| `en`       | Charter, Georgia, Palatino, Times New Roman, serif         | default                                |\n| `zh-CN`    | TsangerJinKai02, Source Han Serif SC, Songti SC, Georgia   | letter-spacing 0.35px on body          |\n| `ja`       | YuMincho, Hiragino Mincho ProN, Source Han Serif JP        | also override `--olive` to `#4d4c48` (YuMincho strokes are thinner) |\n\nInline mixed-script content is fine — the browser per-glyph fallback\nchain handles it. Do **not** chain all three families inside one\n`font-family` declaration; that dilutes character.\n\n### 3. Write `index.html`\n\nOutput a single file with all CSS inline. Mirror the structure of\n[`example.html`](.\u002Fexample.html) and use only the tokens from\n`design-systems\u002Fkami\u002FDESIGN.md`. Do **not** invent new colors,\nweights, or font families.\n\nComponent primitives the agent can drop in (all defined in the\nexample's `\u003Cstyle>` block):\n\n- `.eyebrow`, `.label` — sans-serif overlines\n- `.metric` — value + label vertical pair\n- `.section-num` + `.section-title` + `.section-lede`\n- `.tag.standard`, `.tag.brush` — solid-hex tags (one brush max per page)\n- `.quote` — left-rule serif 500 quote\n- `ul.dash` — en-dash bullets in ink-blue\n- `.code` — ivory-bg, 1px-border code block\n- `.footer-kicker` — mega serif 500 word\n\nTag every editable element with `data-od-id=\"\u003Cunique-slug>\"` so the\nhost app's comment mode can target it.\n\n### 4. Self-check before delivering\n\n- [ ] Page background is parchment (`#f5f4ed`), never `#ffffff`.\n- [ ] Ink-blue (`#1B365D`) covers ≤ 5% of visible surface — count\n      section numbers, the manifesto rule, the metric values, the\n      headline accent. Total ≤ 5%.\n- [ ] All grays are warm (R ≈ G > B). No `slate-*`, no `#f3f4f6`.\n- [ ] Serif weight stays at 500 — no `font-weight: 700` or `900`\n      anywhere on serif text.\n- [ ] No `font-style: italic` anywhere. Emphasis swaps to ink-blue\n      color or a `.tag` instead.\n- [ ] All numeric stacks (metric values, pagination, dates, financial\n      figures) carry `font-variant-numeric: tabular-nums`.\n- [ ] All tag fills are solid hex (e.g. `#E4ECF5`), never `rgba()`.\n- [ ] Shadows: at most a `1px` ring or a `0 4px 24px rgba(0,0,0,0.05)`\n      whisper. No hard drop shadows.\n- [ ] Headline ≤ 6 words at display size; CJK ≤ 8 characters.\n- [ ] At 768px and 560px the layout collapses to one column without\n      horizontal scroll.\n\n## Files in this skill\n\n```text\nskills\u002Fkami-landing\u002F\n├── SKILL.md                 # this contract\n├── README.md                # human quick-start\n└── example.html             # canonical Open Design rendering\n```\n\n## Boundaries\n\n- **Do not** invent new colors or typefaces. The kami palette is\n  fixed; if a brief demands a brand color, push back or render the\n  brand color as a single `.tag.brush` accent.\n- **Do not** introduce a second accent color. Pick ink-blue or pick\n  nothing.\n- **Do not** mix all three font stacks in one declaration; pick the\n  dominant language, override `--serif` on `:root`, and let the\n  browser per-glyph fallback resolve mixed-script inline content.\n- **Do not** use `rgba()` for tag fills — print renderers\n  double-paint alpha tags. Use the pre-blended solid hex from the\n  table in `design-systems\u002Fkami\u002FDESIGN.md` §2.\n- **Do not** add JavaScript for animation. The page is paper, not\n  an app — motion belongs to the reader scrolling.\n\n## See also\n\n- [`design-systems\u002Fkami\u002FDESIGN.md`](..\u002F..\u002Fdesign-systems\u002Fkami\u002FDESIGN.md) — the full token spec.\n- [`skills\u002Fkami-deck\u002F`](..\u002Fkami-deck\u002F) — sister skill that produces a\n  slide deck in the same kami language.\n- Upstream: [`tw93\u002Fkami`](https:\u002F\u002Fgithub.com\u002Ftw93\u002Fkami) — original\n  Claude skill (MIT) that the design system adapts.\n","# kami-landing\n\nProduce a single-page document in the **kami (紙 \u002F 纸)** design system.\nThe aesthetic borrows from editorial print, technical white papers,\nand old typewritten correspondence — the goal is *good content on\ngood paper*, not *modern app UI*.\n\n> **Design system source of truth:** [`design-systems\u002Fkami\u002FDESIGN.md`](..\u002F..\u002Fdesign-systems\u002Fkami\u002FDESIGN.md).\n> Read it before shipping. Tokens, type rules, the \"ten invariants\",\n> and forbidden colors all live there.\n\n## What you get\n\nA single self-contained HTML file with:\n\n- **Warm parchment canvas** (`#f5f4ed`) — never `#ffffff`.\n- **Single chromatic accent** — ink-blue (`#1B365D`), used on the\n  section number, the headline accent word, the left rule of the\n  manifesto, and the metric values. Anywhere else, ink-blue must\n  cover ≤ 5% of the document surface area.\n- **Serif at one weight (500) for hierarchy** — Charter (EN),\n  TsangerJinKai02 \u002F Source Han Serif (CN), or YuMincho (JA),\n  selected by the `language` parameter. **No italic anywhere.**\n- **Tight print rhythm** — line-heights 1.10–1.55, letter-spacing\n  per language (0 for EN, 0.35px for CN, 0.02em for JA).\n- **Numeric stacks set in `font-variant-numeric: tabular-nums`** so\n  metric columns and pagination digits sit cleanly aligned.\n- **Depth via 1px rings + whisper shadows** (`0 4px 24px rgba(0,0,0,0.05)`).\n  No hard drop shadows, no neumorphism, no backdrop-filter blurs.\n- **Tag fills as solid hex** (e.g. `#E4ECF5`), never `rgba()` —\n  print renderers double-paint alpha tags.\n- **Responsive** at 1280 \u002F 980 \u002F 768 \u002F 560.\n\n## Page structure\n\n```text\n1. Eyebrow row     — locale switcher · edition · version (12px sans uppercase)\n2. Hero            — display headline (96–106px serif 500), tagline (21px),\n                     three hero-token chips (paper-tinted)\n3. Manifesto       — pull paragraph in serif 400, 20px, 1.65 LH, with\n                     ink-blue left-rule and signature footer\n4. Metrics row     — 3-6 cells: value (24px serif 500 ink-blue, tabular-nums),\n                     label (12px serif 500 olive)\n5. Chapters        — numbered (`01`, `02`, …) ink-blue serif 500 14px,\n                     section title 28-32px, body 14-15px\n6. Footer          — kicker word (mega serif 500), license · year · contact,\n                     three-column site index in 12px serif 500\n```\n\n## Workflow contract\n\n### 1. Gather brand brief\n\nUse `AskQuestion` (or equivalent) to collect the brand brief in\nchunks. Don't dump the whole input list on the user; ask in two\nrounds:\n\n1. Identity round — name, tagline, location, edition \u002F version,\n   primary URL, dominant language.\n2. Content round — manifesto paragraph + signature, 3-6 metric\n   tiles, 3-5 chapter (title + lede + body) entries.\n\n### 2. Pick the language stack\n\nThe `language` parameter controls which `--serif` stack is set on\n`:root`. Pick based on the dominant language of the manifesto and\nchapter body copy:\n\n| `language` | `--serif`                                                 | Notes                                  |\n| :--------- | :-------------------------------------------------------- | :------------------------------------- |\n| `en`       | Charter, Georgia, Palatino, Times New Roman, serif         | default                                |\n| `zh-CN`    | TsangerJinKai02, Source Han Serif SC, Songti SC, Georgia   | letter-spacing 0.35px on body          |\n| `ja`       | YuMincho, Hiragino Mincho ProN, Source Han Serif JP        | also override `--olive` to `#4d4c48` (YuMincho strokes are thinner) |\n\nInline mixed-script content is fine — the browser per-glyph fallback\nchain handles it. Do **not** chain all three families inside one\n`font-family` declaration; that dilutes character.\n\n### 3. Write `index.html`\n\nOutput a single file with all CSS inline. Mirror the structure of\n[`example.html`](.\u002Fexample.html) and use only the tokens from\n`design-systems\u002Fkami\u002FDESIGN.md`. Do **not** invent new colors,\nweights, or font families.\n\nComponent primitives the agent can drop in (all defined in the\nexample's `\u003Cstyle>` block):\n\n- `.eyebrow`, `.label` — sans-serif overlines\n- `.metric` — value + label vertical pair\n- `.section-num` + `.section-title` + `.section-lede`\n- `.tag.standard`, `.tag.brush` — solid-hex tags (one brush max per page)\n- `.quote` — left-rule serif 500 quote\n- `ul.dash` — en-dash bullets in ink-blue\n- `.code` — ivory-bg, 1px-border code block\n- `.footer-kicker` — mega serif 500 word\n\nTag every editable element with `data-od-id=\"\u003Cunique-slug>\"` so the\nhost app's comment mode can target it.\n\n### 4. Self-check before delivering\n\n- [ ] Page background is parchment (`#f5f4ed`), never `#ffffff`.\n- [ ] Ink-blue (`#1B365D`) covers ≤ 5% of visible surface — count\n      section numbers, the manifesto rule, the metric values, the\n      headline accent. Total ≤ 5%.\n- [ ] All grays are warm (R ≈ G > B). No `slate-*`, no `#f3f4f6`.\n- [ ] Serif weight stays at 500 — no `font-weight: 700` or `900`\n      anywhere on serif text.\n- [ ] No `font-style: italic` anywhere. Emphasis swaps to ink-blue\n      color or a `.tag` instead.\n- [ ] All numeric stacks (metric values, pagination, dates, financial\n      figures) carry `font-variant-numeric: tabular-nums`.\n- [ ] All tag fills are solid hex (e.g. `#E4ECF5`), never `rgba()`.\n- [ ] Shadows: at most a `1px` ring or a `0 4px 24px rgba(0,0,0,0.05)`\n      whisper. No hard drop shadows.\n- [ ] Headline ≤ 6 words at display size; CJK ≤ 8 characters.\n- [ ] At 768px and 560px the layout collapses to one column without\n      horizontal scroll.\n\n## Files in this skill\n\n```text\nskills\u002Fkami-landing\u002F\n├── SKILL.md                 # this contract\n├── README.md                # human quick-start\n└── example.html             # canonical Open Design rendering\n```\n\n## Boundaries\n\n- **Do not** invent new colors or typefaces. The kami palette is\n  fixed; if a brief demands a brand color, push back or render the\n  brand color as a single `.tag.brush` accent.\n- **Do not** introduce a second accent color. Pick ink-blue or pick\n  nothing.\n- **Do not** mix all three font stacks in one declaration; pick the\n  dominant language, override `--serif` on `:root`, and let the\n  browser per-glyph fallback resolve mixed-script inline content.\n- **Do not** use `rgba()` for tag fills — print renderers\n  double-paint alpha tags. Use the pre-blended solid hex from the\n  table in `design-systems\u002Fkami\u002FDESIGN.md` §2.\n- **Do not** add JavaScript for animation. The page is paper, not\n  an app — motion belongs to the reader scrolling.\n\n## See also\n\n- [`design-systems\u002Fkami\u002FDESIGN.md`](..\u002F..\u002Fdesign-systems\u002Fkami\u002FDESIGN.md) — the full token spec.\n- [`skills\u002Fkami-deck\u002F`](..\u002Fkami-deck\u002F) — sister skill that produces a\n  slide deck in the same kami language.\n- Upstream: [`tw93\u002Fkami`](https:\u002F\u002Fgithub.com\u002Ftw93\u002Fkami) — original\n  Claude skill (MIT) that the design system adapts.\n",{"od":23,"name":5,"inputs":42,"outputs":63,"triggers":67,"parameters":78,"description":89,"example_prompt":90,"capabilities_required":91},{"mode":24,"tone":25,"craft":26,"scale":30,"preview":31,"surface":35,"audience":36,"category":37,"featured":38,"platform":39,"scenario":40,"design_system":41},"prototype","editorial, restrained, print-first",{"requires":27},[28,29],"typographic-rhythm","pixel-discipline","viewport-anchored long-form single page",{"type":32,"entry":33,"reload":34},"html","index.html","debounce-100","web","founders, design studios, OSS maintainers, researchers","brand-page",3,"desktop","marketing",{"requires":19},[43,47,51,54,57,60],{"id":44,"label":45,"description":46},"brand","Brand identity","Name, tagline, location, edition \u002F version, primary URL.",{"id":48,"label":49,"description":50},"hero","Hero \u002F cover block","Eyebrow + headline (one line, ≤ 6 words at display size) + tagline + 3 hero meta tokens.",{"id":52,"label":53},"manifesto","Manifesto paragraph + signature",{"id":55,"label":56},"metrics","3-6 metric tiles (value · label · sub)",{"id":58,"label":59},"chapters","3-5 numbered chapters (title + lede + body)",{"id":61,"label":62},"footer","License · year · contact + 3-column site index",[64],{"path":65,"description":66},"\u003Cout>\u002Findex.html","Self-contained HTML, kami CSS inlined, zero JS, zero external dependencies beyond Google Fonts.",[68,69,70,71,72,73,74,75,76,77],"kami","紙","纸","paper one-pager","白皮书","white paper","parchment landing","editorial document","print-grade page","kami landing",{"language":79,"output_format":86},{"type":80,"values":81,"default":82,"description":85},"enum",[82,83,84],"en","zh-CN","ja","Sets the primary serif stack on `:root`. EN uses Charter, zh-CN uses TsangerJinKai02 \u002F Source Han Serif, ja uses YuMincho. Mixed-script content is allowed inline; the browser resolves per-glyph fallback automatically.\n",{"type":80,"values":87,"default":88},[88],"standalone-html","Produce a print-grade single-page kami (紙 \u002F 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.\n","Build me a kami-style one-pager for \"Lumen Field\", an indie studio\nshipping a soundscape app for focus. Hero headline \"Soundscapes for\nfocused work.\", manifesto paragraph + signature \"by Lumen Field,\nBerlin\", 3 metric tiles (12 soundscapes \u002F 4 presets \u002F 1 daily ritual),\nthree numbered chapters covering the studio, the app, and the roadmap.\nEnglish-language stack.",[92],"file-write","main","0467f0e19df12a6994ec7fb20ff6e9e23cd704e7","plugins\u002F_official\u002Fexamples\u002Fkami-landing","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design","https:\u002F\u002Fopen-design.ai","https:\u002F\u002Fgithub.com\u002Fbluesman1971","2026-07-09 04:08:20",{"source":8,"skillName":5,"commands":101,"prompt":111,"zipAvailable":112},[102,105,108],{"tool":103,"command":104},"npx","npx skills add bluesman1971\u002Fopen-design --skill kami-landing",{"tool":106,"command":107},"bunx","bunx skills add bluesman1971\u002Fopen-design --skill kami-landing",{"tool":109,"command":110},"pnpm","pnpm dlx skills add bluesman1971\u002Fopen-design --skill kami-landing","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fkami-landing\u002FSKILL.md",true,[114,120],{"path":115,"resourceType":116,"resourceTypeDesc":117,"sizeBytes":118,"sourceHtmlUrl":119},"example.html","REFERENCE","参考文档",20566,"https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fkami-landing\u002Fexample.html",{"path":121,"resourceType":116,"resourceTypeDesc":117,"sizeBytes":122,"sourceHtmlUrl":123},"open-design.json",10513,"https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fkami-landing\u002Fopen-design.json",[125,134,142,149,156,163],{"skillNo":126,"name":127,"nameZh":6,"description":128,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":129,"licenseFileUrl":130,"sourceHtmlUrl":131,"categories":132,"keywords":133,"publishedAt":18},"01M78AMRG8NAGKWKNDQE39ZZFQ","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.","MIT","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fweb-design-guidelines\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fweb-design-guidelines\u002FSKILL.md",[],[],{"skillNo":135,"name":136,"nameZh":6,"description":137,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":129,"licenseFileUrl":138,"sourceHtmlUrl":139,"categories":140,"keywords":141,"publishedAt":18},"01M78AMKHTFS149JGEYNQM5AXR","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\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fweb-clone\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fweb-clone\u002FSKILL.md",[],[],{"skillNo":143,"name":144,"nameZh":6,"description":145,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":146,"categories":147,"keywords":148,"publishedAt":18},"01M78AMH25JH2SH3AWTRSDCM9F","venice-video","Video generation and transcription workflows via the Venice.ai API.","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fvenice-video\u002FSKILL.md",[],[],{"skillNo":150,"name":151,"nameZh":6,"description":152,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":153,"categories":154,"keywords":155,"publishedAt":18},"01M78AMF0M4FFKFWXFJ9NHTF5M","venice-image-generate","Image generation endpoints and available styles via the Venice.ai API.","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fvenice-image-generate\u002FSKILL.md",[],[],{"skillNo":157,"name":158,"nameZh":6,"description":159,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":160,"categories":161,"keywords":162,"publishedAt":18},"01M78AMCH68X46SHNZVD284KXS","threejs","Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fthreejs\u002FSKILL.md",[],[],{"skillNo":164,"name":165,"nameZh":6,"description":166,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":167,"categories":168,"keywords":169,"publishedAt":18},"01M78AM7P8WSBZDNZZ42BQHGK7","taste","Brief-time anti-AI-slop taste checklist — read the room and set the\ndesign dials BEFORE generating a landing page, portfolio, or redesign,\nso the first draft doesn't need a post-generation rescue. Use at the\nstart of a visual\u002Fcreative brief, not after the artifact exists.","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Ftaste\u002FSKILL.md",[],[]]