[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6C221KXAPMFHS1T82FJZNES":3,"skill-same:01M6C221KXAPMFHS1T82FJZNES":69},{"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":27,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":48,"commitSha":49,"skillDirectory":50,"forksCount":51,"repositoryHtmlUrl":52,"repositoryHomepageUrl":6,"ownerHtmlUrl":53,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":54,"install":55,"resources":68},"01M6C221KXAPMFHS1T82FJZNES","design",null,"Generate HTML + MD design docs for a feature or PR, matching the repo's existing design doc style. Always produces both formats in parallel.","jleechanorg\u002Fjleechan-skills","jleechanorg","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F221404966?v=4","01M6C1VJ99XG950X1DWPEBCBGX","01M6C1VJDK5YVDNT3362RT5WSB",6,"MIT","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fdesign\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[5,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"docs","pr","generate","doc","design doc","parallel","repo","html","matching","feature","style","design docs","formats","for","Existing","2026-11-10 10:12:30",false,"---\nname: design\ndescription: Generate HTML + MD design docs for a feature or PR, matching the repo's existing design doc style. Always produces both formats in parallel.\n---\n\nGenerate a design reference doc for the current feature or PR.\n\n**Always produce both HTML and MD in parallel** — this is the core contract of this skill.\n\n## Steps\n\n1. **Understand the feature** — read relevant source files, PR description, roadmap\u002Fplan docs.\n\n2. **Check existing style** — look in `docs\u002Fdesign\u002F` for `.html` files. Match CSS variables, card\u002Fgrid layout, section patterns exactly.\n\n3. **Determine slug** — use the feature\u002FPR name as a kebab-case slug (e.g. `autonomy-gaps`, `agent-gemini-plugin`).\n\n4. **Write both files in parallel** (single message, two Write tool calls):\n   - `docs\u002Fdesign\u002F\u003Cslug>.html`\n   - `docs\u002Fdesign\u002F\u003Cslug>.md`\n\n5. **HTML structure** (match `docs\u002Fdesign\u002Fagent-gemini-plugin.html` as canonical reference):\n   - CSS root tokens: `--bg #f2efe7`, `--panel #fffdf8`, `--ink #1f1a16`, `--muted #6f6357`, `--brand #165a72`, `--line #dfd3c2`\n   - Hero section: h1 title, muted subtitle, tag pills (PR ref, key files, line delta, status)\n   - Overview grid: one card per sub-feature\u002Fgap with priority badge and description\n   - Per-feature sections with `section-label` dividers: before\u002Fafter code blocks, tables, flow diagrams\n   - Summary section: what-changed table + `.callout` with honest capability claim\n   - Responsive: `.grid.two`, `.grid.three`, `.grid.four` breakpoint at 900px\n\n6. **MD structure**:\n   - No frontmatter\n   - H1 title with metadata block (PR, branch, date, beads, delta)\n   - `---` dividers between major sections\n   - Per-gap H2 with before\u002Fafter code blocks and tables\n   - Summary table at end\n\n7. **Commit both** to the current branch and push.\n\n## Invocation\n\n```\n\u002Fdesign\n```\n\nWith slug override:\n```\n\u002Fdesign my-feature-name\n```\n","Generate a design reference doc for the current feature or PR.\n\n**Always produce both HTML and MD in parallel** — this is the core contract of this skill.\n\n## Steps\n\n1. **Understand the feature** — read relevant source files, PR description, roadmap\u002Fplan docs.\n\n2. **Check existing style** — look in `docs\u002Fdesign\u002F` for `.html` files. Match CSS variables, card\u002Fgrid layout, section patterns exactly.\n\n3. **Determine slug** — use the feature\u002FPR name as a kebab-case slug (e.g. `autonomy-gaps`, `agent-gemini-plugin`).\n\n4. **Write both files in parallel** (single message, two Write tool calls):\n   - `docs\u002Fdesign\u002F\u003Cslug>.html`\n   - `docs\u002Fdesign\u002F\u003Cslug>.md`\n\n5. **HTML structure** (match `docs\u002Fdesign\u002Fagent-gemini-plugin.html` as canonical reference):\n   - CSS root tokens: `--bg #f2efe7`, `--panel #fffdf8`, `--ink #1f1a16`, `--muted #6f6357`, `--brand #165a72`, `--line #dfd3c2`\n   - Hero section: h1 title, muted subtitle, tag pills (PR ref, key files, line delta, status)\n   - Overview grid: one card per sub-feature\u002Fgap with priority badge and description\n   - Per-feature sections with `section-label` dividers: before\u002Fafter code blocks, tables, flow diagrams\n   - Summary section: what-changed table + `.callout` with honest capability claim\n   - Responsive: `.grid.two`, `.grid.three`, `.grid.four` breakpoint at 900px\n\n6. **MD structure**:\n   - No frontmatter\n   - H1 title with metadata block (PR, branch, date, beads, delta)\n   - `---` dividers between major sections\n   - Per-gap H2 with before\u002Fafter code blocks and tables\n   - Summary table at end\n\n7. **Commit both** to the current branch and push.\n\n## Invocation\n\n```\n\u002Fdesign\n```\n\nWith slug override:\n```\n\u002Fdesign my-feature-name\n```\n",{"name":5,"description":7},"main","42ccd02cbf5e8e47839dc3eab6fc754dc6b339cf",".claude\u002Fskills\u002Fdesign",0,"https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills","https:\u002F\u002Fgithub.com\u002Fjleechanorg","2026-11-11 09:18:40",{"source":8,"skillName":5,"commands":56,"prompt":66,"zipAvailable":67},[57,60,63],{"tool":58,"command":59},"npx","npx skills add jleechanorg\u002Fjleechan-skills --skill design",{"tool":61,"command":62},"bunx","bunx skills add jleechanorg\u002Fjleechan-skills --skill design",{"tool":64,"command":65},"pnpm","pnpm dlx skills add jleechanorg\u002Fjleechan-skills --skill design","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fdesign\u002FSKILL.md",true,[],[70,88,107,121,135,151],{"skillNo":71,"name":72,"nameZh":6,"description":73,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":74,"categories":75,"keywords":76,"publishedAt":43},"01M716Y5MTJ6GYJZ2ATXCJK8G4","instinct","Use when the user invokes \u002Finstinct or \u002Fin, or asks to \"message Instinct\", \"ask Instinct\", \"tell Instinct\", \"check Instinct\", or read replies from the configured peer assistant. iMessage first, WhatsApp Web as fallback.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Finstinct\u002FSKILL.md",[],[72,77,78,79,80,81,82,83,84,85,86,87],"user","when","replies","check","use","identity","whatsapp","gmail","read","message","ask",{"skillNo":89,"name":90,"nameZh":6,"description":91,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":97,"publishedAt":43},"01M716Y4HF7FVVMJSA2CCVN5VF","hr","Compatibility alias for history-resume; produce the same fresh-state, provenance-aware resume briefing.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fhr\u002FSKILL.md",[94],{"categoryNo":95,"categoryName":96,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000038","人力资源",[90,98,99,100,41,101,102,103,104,105,106],"resume","compatibility","provenance","history","produce","alias","briefing","state","fresh",{"skillNo":108,"name":109,"nameZh":6,"description":110,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":114,"publishedAt":43},"01M716Y1FFNFKFJYYKF8HQA6T8","history-resume","Resume briefing for the current repository branch or worktree using fresh state and admitted history sources.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fhistory-resume\u002FSKILL.md",[113],{"categoryNo":95,"categoryName":96,"taxonomyType":25,"taxonomyTypeDesc":26},[101,98,115,116,77,117,104,118,41,119,120,105,106],"history resume","branch","analysis","repository","worktree","sources",{"skillNo":122,"name":123,"nameZh":6,"description":124,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":125,"categories":126,"keywords":127,"publishedAt":43},"01M716XWXJ8EPHK4RH9T14TR85","grok","Alias for the canonical grokbot browser conversation workflow; \u002Fgrok talks to the Grok bot the same way \u002Fdot talks to Dot.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fgrok\u002FSKILL.md",[],[123,128,129,130,41,131,103,132,133,134],"dot","bot","workflow","canonical","conversation","browser","grokbot",{"skillNo":136,"name":137,"nameZh":6,"description":138,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":139,"categories":140,"keywords":141,"publishedAt":43},"01M70N9Q07DTE0EW5KFXMMMSJ0","codexa-bench","Compare `codexa` and normal `codex` on a fair split of comparable work by default; use `--strict` for duplicate runs of the exact same task.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fcodexa-bench\u002FSKILL.md",[],[142,143,144,81,145,41,146,147,148,149,150],"codexa bench","work","split","default","duplicate","task","compare","normal","codex",{"skillNo":152,"name":153,"nameZh":6,"description":154,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":155,"licenseFileUrl":156,"sourceHtmlUrl":157,"categories":158,"keywords":164,"publishedAt":43},"01M6C24S2X60SP8BBFGAEKPEGW","frontend-design","Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML\u002FCSS layouts, or when styling\u002Fbeautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Ffrontend-design\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Ffrontend-design\u002FSKILL.md",[159,162,163],{"categoryNo":160,"categoryName":161,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},[165,5,166,81,167,168,169,77,35,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,78,187],"frontend","frontend design","generic","ui design","react","components","code","artifacts","ui","aesthetics","Production","web components","landing","applications","quality","web","css","create","examples","with","react components","web ui","pages"]