[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7ACK3EV69AMBQ2TF4RFPW19":3,"skill-same:01M7ACK3EV69AMBQ2TF4RFPW19":79},{"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":54,"commitSha":55,"skillDirectory":56,"forksCount":57,"repositoryHtmlUrl":58,"repositoryHomepageUrl":6,"ownerHtmlUrl":59,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":60,"install":61,"resources":73},"01M7ACK3EV69AMBQ2TF4RFPW19","contact-widget",null,"Design a compact contact, support, or lead-capture widget with clear fields,\nvalidation states, privacy copy, and responsive embed behavior. Use when the\nbrief asks for a contact widget, support widget, inquiry form, lead form, or\ncallback request.","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\u002Fcontact-widget\u002Fskills\u002Fcontact-widget\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: contact-widget\ndescription: |\n  Design a compact contact, support, or lead-capture widget with clear fields,\n  validation states, privacy copy, and responsive embed behavior. Use when the\n  brief asks for a contact widget, support widget, inquiry form, lead form, or\n  callback request.\ntriggers:\n  - \"contact widget\"\n  - \"support widget\"\n  - \"contact form\"\n  - \"lead form\"\n  - \"inquiry widget\"\n  - \"callback request\"\nod:\n  mode: prototype\n  platform: desktop\n  scenario: support\n  preview:\n    type: html\n    entry: example.html\n  design_system:\n    requires: true\n    sections: [color, typography, layout, components]\n  craft:\n    requires: [state-coverage]\n  outputs:\n    primary: index.html\n  capabilities_required:\n    - file_write\n  example_prompt: \"Create a contact widget for a B2B SaaS site with name, work email, topic, message, validation states, and a privacy note.\"\n---\n\n# Contact Widget Skill\n\nCreate a compact, embeddable contact or support widget. The result should be\neasy to scan, keyboard-accessible, and explicit about what happens after the\nuser submits.\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. Define the task\n   - Identify whether the widget is for sales, support, callback scheduling,\n     community contact, or general inquiries.\n   - Pick only the fields needed for that task. Do not ask for unnecessary\n     personal data.\n\n2. Required widget anatomy\n   - Header: short title and response-time expectation.\n   - Fields: name, email, topic, message, and optional company\u002Fphone only when\n     the brief justifies them.\n   - Consent\u002Fprivacy note: concise, plain-language, and close to submit.\n   - Submit button and secondary route such as help center, email, or status.\n\n3. State coverage\n   - Normal, focus, invalid, submitting, success, and failure states.\n   - Inline validation messages tied to fields with accessible descriptions.\n   - Disabled submit state when required fields are missing.\n\n4. Layout rules\n   - Widget fits in a card no wider than 440px and can embed in a sidebar,\n     modal, or floating panel.\n   - On mobile, full-width with stable spacing and no text clipped inside\n     buttons or fields.\n   - Use the active DESIGN.md tokens and component rules.\n\n5. Self-check\n   - Every input has a visible label.\n   - Error copy says how to fix the issue.\n   - The success state confirms the next step, not just \"submitted\".\n   - No hidden tracking, fake urgency, or deceptive consent language.\n\n## Output Contract\n\nEmit a self-contained HTML artifact named `index.html` with `data-od-id` on\nthe widget shell, each field, submit action, and state message.\n","# Contact Widget Skill\n\nCreate a compact, embeddable contact or support widget. The result should be\neasy to scan, keyboard-accessible, and explicit about what happens after the\nuser submits.\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. Define the task\n   - Identify whether the widget is for sales, support, callback scheduling,\n     community contact, or general inquiries.\n   - Pick only the fields needed for that task. Do not ask for unnecessary\n     personal data.\n\n2. Required widget anatomy\n   - Header: short title and response-time expectation.\n   - Fields: name, email, topic, message, and optional company\u002Fphone only when\n     the brief justifies them.\n   - Consent\u002Fprivacy note: concise, plain-language, and close to submit.\n   - Submit button and secondary route such as help center, email, or status.\n\n3. State coverage\n   - Normal, focus, invalid, submitting, success, and failure states.\n   - Inline validation messages tied to fields with accessible descriptions.\n   - Disabled submit state when required fields are missing.\n\n4. Layout rules\n   - Widget fits in a card no wider than 440px and can embed in a sidebar,\n     modal, or floating panel.\n   - On mobile, full-width with stable spacing and no text clipped inside\n     buttons or fields.\n   - Use the active DESIGN.md tokens and component rules.\n\n5. Self-check\n   - Every input has a visible label.\n   - Error copy says how to fix the issue.\n   - The success state confirms the next step, not just \"submitted\".\n   - No hidden tracking, fake urgency, or deceptive consent language.\n\n## Output Contract\n\nEmit a self-contained HTML artifact named `index.html` with `data-od-id` on\nthe widget shell, each field, submit action, and state message.\n",{"od":24,"name":5,"triggers":46,"description":53},{"mode":25,"craft":26,"outputs":29,"preview":31,"platform":34,"scenario":35,"design_system":36,"example_prompt":43,"capabilities_required":44},"prototype",{"requires":27},[28],"state-coverage",{"primary":30},"index.html",{"type":32,"entry":33},"html","example.html","desktop","support",{"requires":37,"sections":38},true,[39,40,41,42],"color","typography","layout","components","Create a contact widget for a B2B SaaS site with name, work email, topic, message, validation states, and a privacy note.",[45],"file_write",[47,48,49,50,51,52],"contact widget","support widget","contact form","lead form","inquiry widget","callback request","Design a compact contact, support, or lead-capture widget with clear fields,\nvalidation states, privacy copy, and responsive embed behavior. Use when the\nbrief asks for a contact widget, support widget, inquiry form, lead form, or\ncallback request.\n","main","aaca138d7c3773be662941b4081c8d97ea40019c","plugins\u002Fbuiltin\u002Fdesign-skills\u002Fcontact-widget\u002Fskills\u002Fcontact-widget",4,"https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar","https:\u002F\u002Fgithub.com\u002Fbravew","2026-11-14 10:00:31",{"source":8,"skillName":5,"commands":62,"prompt":72,"zipAvailable":37},[63,66,69],{"tool":64,"command":65},"npx","npx skills add bravew\u002FNeumar --skill contact-widget",{"tool":67,"command":68},"bunx","bunx skills add bravew\u002FNeumar --skill contact-widget",{"tool":70,"command":71},"pnpm","pnpm dlx skills add bravew\u002FNeumar --skill contact-widget","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fplugins\u002Fbuiltin\u002Fdesign-skills\u002Fcontact-widget\u002Fskills\u002Fcontact-widget\u002FSKILL.md",[74],{"path":33,"resourceType":75,"resourceTypeDesc":76,"sizeBytes":77,"sourceHtmlUrl":78},"REFERENCE","参考文档",3020,"https:\u002F\u002Fgithub.com\u002Fbravew\u002FNeumar\u002Fblob\u002Fmain\u002Fplugins\u002Fbuiltin\u002Fdesign-skills\u002Fcontact-widget\u002Fskills\u002Fcontact-widget\u002Fexample.html",[80,87,94,101,108,116],{"skillNo":81,"name":82,"nameZh":6,"description":83,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":86,"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":88,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":91,"categories":92,"keywords":93,"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":95,"name":96,"nameZh":6,"description":97,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":98,"categories":99,"keywords":100,"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":102,"name":103,"nameZh":6,"description":104,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":105,"categories":106,"keywords":107,"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":109,"name":110,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":112,"sourceHtmlUrl":113,"categories":114,"keywords":115,"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":117,"name":118,"nameZh":6,"description":119,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":120,"categories":121,"keywords":122,"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",[],[]]