[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7ACTDZB781XMBZ3KESB0GZP":3,"skill-same:01M7ACTDZB781XMBZ3KESB0GZP":77},{"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":52,"commitSha":53,"skillDirectory":54,"forksCount":55,"repositoryHtmlUrl":56,"repositoryHomepageUrl":6,"ownerHtmlUrl":57,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":58,"install":59,"resources":71},"01M7ACTDZB781XMBZ3KESB0GZP","reference-design-contract",null,"Convert a reference product, screenshot set, Figma note, or style audit into\na reusable design contract with tokens, component rules, accessibility gates,\nand implementation constraints. Use when the user asks for a reference design\ncontract, design-system brief, UI audit, or source-of-truth handoff.","bravew\u002FNeumar","bravew","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10855844?v=4","01M7ACJ91JZSQYHT81XPVYR7VA","Yong","01M7ACJ92CH2PCT42AG4GYHFV7",12,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fplugins\u002Fbuiltin\u002Fdesign-skills\u002Freference-design-contract\u002Fskills\u002Freference-design-contract\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: reference-design-contract\ndescription: |\n  Convert a reference product, screenshot set, Figma note, or style audit into\n  a reusable design contract with tokens, component rules, accessibility gates,\n  and implementation constraints. Use when the user asks for a reference design\n  contract, design-system brief, UI audit, or source-of-truth handoff.\ntriggers:\n  - \"reference design contract\"\n  - \"design contract\"\n  - \"design system brief\"\n  - \"style audit\"\n  - \"component contract\"\n  - \"handoff contract\"\nod:\n  mode: document\n  platform: desktop\n  scenario: design-system\n  preview:\n    type: html\n    entry: example.html\n  design_system:\n    requires: false\n    generates: true\n    sections: [tokens, components, states, accessibility, implementation]\n  outputs:\n    primary: DESIGN-CONTRACT.md\n    secondary: example.html\n  capabilities_required:\n    - file_write\n  example_prompt: \"Create a reference design contract from these product screenshots: navigation, cards, buttons, states, token rules, and implementation constraints.\"\n---\n\n# Reference Design Contract Skill\n\nCreate a concise design contract that turns references into reusable rules.\nThe contract is for agents and engineers who need to implement the same design\nlanguage repeatedly without guessing.\n\nLicense note: First-party Neuma-authored skill content for this repository. No\nupstream proprietary text, images, templates, or third-party code were copied.\n\n## Workflow\n\n1. Inventory the references\n   - List every source the user provided: screenshot, Figma node, current app\n     page, brand guide, or written brief.\n   - Do not fetch external URLs yourself unless an approved tool\u002Fcontext pack\n     already provided bounded metadata.\n   - If references conflict, record the conflict instead of silently blending.\n\n2. Extract the system decisions\n   - Color roles: background, surface, text, muted text, border, accent,\n     success, warning, danger.\n   - Typography roles: display, heading, body, label, code\u002Fmono.\n   - Layout rhythm: grid, max width, section spacing, density, breakpoints.\n   - Component families: buttons, inputs, cards, navigation, tables, dialogs,\n     empty\u002Floading\u002Ferror states.\n\n3. Write `DESIGN-CONTRACT.md`\n   - Start with a one-paragraph product\u002Fdesign intent.\n   - Include token tables with names, role descriptions, and example values.\n   - Include component contracts with required anatomy, variants, states, and\n     accessibility requirements.\n   - Include implementation rules: what to reuse, what not to invent, how to\n     handle responsive behavior, and which areas require user confirmation.\n\n4. Produce a compact preview\n   - Write `example.html` as a single-page visual summary of the contract.\n   - The preview is not the source of truth; `DESIGN-CONTRACT.md` is.\n   - Use semantic sections and `data-od-id` attributes for review comments.\n\n5. Self-check\n   - No \"make it modern\" filler. Every rule must map to a reference or a\n     stated assumption.\n   - Every component has default, hover\u002Ffocus, disabled, loading, and error\n     guidance when relevant.\n   - Accessibility notes include focus rings, contrast, target size, keyboard\n     behavior, and reduced-motion expectations.\n\n## Output Contract\n\nWrite both files into the project:\n\n```\nDESIGN-CONTRACT.md\nexample.html\n```\n\nThen summarize the highest-risk assumptions in three bullets or fewer.\n","# Reference Design Contract Skill\n\nCreate a concise design contract that turns references into reusable rules.\nThe contract is for agents and engineers who need to implement the same design\nlanguage repeatedly without guessing.\n\nLicense note: First-party Neuma-authored skill content for this repository. No\nupstream proprietary text, images, templates, or third-party code were copied.\n\n## Workflow\n\n1. Inventory the references\n   - List every source the user provided: screenshot, Figma node, current app\n     page, brand guide, or written brief.\n   - Do not fetch external URLs yourself unless an approved tool\u002Fcontext pack\n     already provided bounded metadata.\n   - If references conflict, record the conflict instead of silently blending.\n\n2. Extract the system decisions\n   - Color roles: background, surface, text, muted text, border, accent,\n     success, warning, danger.\n   - Typography roles: display, heading, body, label, code\u002Fmono.\n   - Layout rhythm: grid, max width, section spacing, density, breakpoints.\n   - Component families: buttons, inputs, cards, navigation, tables, dialogs,\n     empty\u002Floading\u002Ferror states.\n\n3. Write `DESIGN-CONTRACT.md`\n   - Start with a one-paragraph product\u002Fdesign intent.\n   - Include token tables with names, role descriptions, and example values.\n   - Include component contracts with required anatomy, variants, states, and\n     accessibility requirements.\n   - Include implementation rules: what to reuse, what not to invent, how to\n     handle responsive behavior, and which areas require user confirmation.\n\n4. Produce a compact preview\n   - Write `example.html` as a single-page visual summary of the contract.\n   - The preview is not the source of truth; `DESIGN-CONTRACT.md` is.\n   - Use semantic sections and `data-od-id` attributes for review comments.\n\n5. Self-check\n   - No \"make it modern\" filler. Every rule must map to a reference or a\n     stated assumption.\n   - Every component has default, hover\u002Ffocus, disabled, loading, and error\n     guidance when relevant.\n   - Accessibility notes include focus rings, contrast, target size, keyboard\n     behavior, and reduced-motion expectations.\n\n## Output Contract\n\nWrite both files into the project:\n\n```\nDESIGN-CONTRACT.md\nexample.html\n```\n\nThen summarize the highest-risk assumptions in three bullets or fewer.\n",{"od":24,"name":5,"triggers":44,"description":51},{"mode":25,"outputs":26,"preview":29,"platform":31,"scenario":32,"design_system":33,"example_prompt":41,"capabilities_required":42},"document",{"primary":27,"secondary":28},"DESIGN-CONTRACT.md","example.html",{"type":30,"entry":28},"html","desktop","design-system",{"requires":20,"sections":34,"generates":40},[35,36,37,38,39],"tokens","components","states","accessibility","implementation",true,"Create a reference design contract from these product screenshots: navigation, cards, buttons, states, token rules, and implementation constraints.",[43],"file_write",[45,46,47,48,49,50],"reference design contract","design contract","design system brief","style audit","component contract","handoff contract","Convert a reference product, screenshot set, Figma note, or style audit into\na reusable design contract with tokens, component rules, accessibility gates,\nand implementation constraints. Use when the user asks for a reference design\ncontract, design-system brief, UI audit, or source-of-truth handoff.\n","main","aaca138d7c3773be662941b4081c8d97ea40019c","plugins\u002Fbuiltin\u002Fdesign-skills\u002Freference-design-contract\u002Fskills\u002Freference-design-contract",4,"https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar","https:\u002F\u002Fgithub.com\u002Fbravew","2026-11-14 10:00:31",{"source":8,"skillName":5,"commands":60,"prompt":70,"zipAvailable":40},[61,64,67],{"tool":62,"command":63},"npx","npx skills add bravew\u002FNeumar --skill reference-design-contract",{"tool":65,"command":66},"bunx","bunx skills add bravew\u002FNeumar --skill reference-design-contract",{"tool":68,"command":69},"pnpm","pnpm dlx skills add bravew\u002FNeumar --skill reference-design-contract","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fplugins\u002Fbuiltin\u002Fdesign-skills\u002Freference-design-contract\u002Fskills\u002Freference-design-contract\u002FSKILL.md",[72],{"path":28,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":75,"sourceHtmlUrl":76},"REFERENCE","参考文档",2544,"https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fplugins\u002Fbuiltin\u002Fdesign-skills\u002Freference-design-contract\u002Fskills\u002Freference-design-contract\u002Fexample.html",[78,85,92,99,106,114],{"skillNo":79,"name":80,"nameZh":6,"description":81,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":82,"categories":83,"keywords":84,"publishedAt":19},"01M7ACYSWTPZHXD0B5ETTFRGDT","yt-dlp","A robust CLI wrapper for yt-dlp to download videos, playlists, and audio from YouTube and thousands of other sites. Supports format selection, quality control, metadata embedding, and cookie authentication.","https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fskills\u002Fyt-dlp\u002FSKILL.md",[],[],{"skillNo":86,"name":87,"nameZh":6,"description":88,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":89,"categories":90,"keywords":91,"publishedAt":19},"01M7ACYREEK21KR5F1NVQFN001","weather","Get current weather and forecasts (no API key required).","https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fskills\u002Fweather\u002FSKILL.md",[],[],{"skillNo":93,"name":94,"nameZh":6,"description":95,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":96,"categories":97,"keywords":98,"publishedAt":19},"01M7ACYP9M176F25CH7R844HJZ","video-editing","Video Mode editing guidance for agentic storyboard, timeline, caption, audio, render, and publish work through video_* MCP tools.","https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fskills\u002Fvideo-editing\u002FSKILL.md",[],[],{"skillNo":100,"name":101,"nameZh":6,"description":102,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":103,"categories":104,"keywords":105,"publishedAt":19},"01M7ACYJVVTAVCDX4VH75S62XR","video-edit","Conversational video editing workflow for cuts, transcript-based edits, overlays, captions, subtitle burn-in, and render planning with ffmpeg. Use when the user asks to edit video by instruction, cut silence or words, add subtitles, add overlays, transcribe video, or render a final clip.","https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fskills\u002Fvideo-edit\u002FSKILL.md",[],[],{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":110,"sourceHtmlUrl":111,"categories":112,"keywords":113,"publishedAt":19},"01M7ACYC5X6V4A4EW0C3NRQX0K","skill-creator","Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, update or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.","https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fskills\u002Fskill-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fskills\u002Fskill-creator\u002FSKILL.md",[],[],{"skillNo":115,"name":116,"nameZh":6,"description":117,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":118,"categories":119,"keywords":120,"publishedAt":19},"01M7ACY9JKHWXA21JCXJ8VMSVY","ship","Full shipping workflow: test, review, version, changelog, and PR creation.\nUse when: preparing to ship code, creating releases, merging PRs.","https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fskills\u002Fship\u002FSKILL.md",[],[]]