[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6R7DKNBVC0VSS3A326W83GD":3,"skill-same:01M6R7DKNBVC0VSS3A326W83GD":94},{"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":23,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":53,"commitSha":54,"skillDirectory":55,"forksCount":56,"repositoryHtmlUrl":57,"repositoryHomepageUrl":6,"ownerHtmlUrl":58,"ownerBlogUrl":59,"ownerDescription":60,"updatedAt":61,"install":62,"resources":75},"01M6R7DKNBVC0VSS3A326W83GD","ui",null,"Builds UI components, landing page sections, hero sections, and contact forms. Use when creating front-end visual elements.","tim-hub\u002Fpowerball-harness","tim-hub","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F2884320?v=4","01M6R7B70M93Y25SH3DV1B4Q26","Tim","01M6R7B74YQWC556YVC0FRVS3T",35,"MIT","https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fui\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[5,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"visual","when","section","hero","front","form","ui components","false","end","elements","components","ui component","use","landing","read","page","feedback","Bash","component","2026-11-10 10:12:30",false,"---\nname: ui\ndescription: \"Builds UI components, landing page sections, hero sections, and contact forms. Use when creating front-end visual elements.\"\nwhen_to_use: \"UI component, hero section, landing page, contact form, front-end, visual elements, feedback form\"\nallowed-tools: [\"Read\", \"Write\", \"Edit\", \"Bash\"]\nuser-invocable: false\n---\n\n# UI Skills\n\nA group of skills responsible for generating UI components and forms.\n\n## Constraint Priority and Application Conditions\n\n1. By default, apply constraints from `${CLAUDE_SKILL_DIR}\u002Freferences\u002Fui-skills.md` with highest priority.\n2. Apply `${CLAUDE_SKILL_DIR}\u002Freferences\u002Ffrontend-design.md` only when \"edgy\u002Funique\u002Fexpressive\u002Fbrand-enhancing\" styles are **explicitly** requested.\n3. UI Skills MUST\u002FNEVER rules are maintained by default. However, the following exceptions are permitted **only when explicitly requested by the user**:\n   - Gradients, glows, heavy decorations\n   - Animations (additions\u002Fenhancements)\n   - Custom easing\n\n## Feature Details\n\n| Feature | Details |\n|---------|---------|\n| **Constraint set** | See [references\u002Fui-skills.md](${CLAUDE_SKILL_DIR}\u002Freferences\u002Fui-skills.md) \u002F [references\u002Ffrontend-design.md](${CLAUDE_SKILL_DIR}\u002Freferences\u002Ffrontend-design.md) |\n| **Component generation** | See [references\u002Fcomponent-generation.md](${CLAUDE_SKILL_DIR}\u002Freferences\u002Fcomponent-generation.md) |\n| **Feedback forms** | See [references\u002Ffeedback-forms.md](${CLAUDE_SKILL_DIR}\u002Freferences\u002Ffeedback-forms.md) |\n\n## Execution Steps\n\n1. **Apply constraint set** (following priority order)\n2. **Quality gate** (Step 0)\n3. Classify the user's request\n4. Read the appropriate reference file from \"Feature Details\" above\n5. Generate according to its content\n\n### Step 0: Quality Gate (a11y Checklist)\n\nEnsure accessibility when generating UI components:\n\n```markdown\n♿ Accessibility Checklist\n\nGenerated UI should meet the following:\n\n### Required Items\n- [ ] Set alt attributes on images\n- [ ] Associate labels with form elements\n- [ ] Keyboard navigable (Tab for focus movement)\n- [ ] Focus state is visually distinguishable\n\n### Recommended Items\n- [ ] Do not rely on color alone for conveying information\n- [ ] Contrast ratio 4.5:1 or higher (text)\n- [ ] Appropriate use of aria-label \u002F aria-describedby\n- [ ] Heading structure (h1 -> h2 -> h3) is logical\n\n### Interactive Elements\n- [ ] Appropriate labels on buttons (\"View product details\" instead of \"Details\")\n- [ ] Focus trap for modals\u002Fdialogs\n- [ ] Error messages are read by screen readers\n```\n\n### For VibeCoders\n\n```markdown\n♿ Making Designs Accessible to Everyone\n\n1. **Add descriptions to images**\n   - Instead of \"product image\", use \"red sneakers, front view\"\n\n2. **Make clickable areas keyboard-navigable too**\n   - Navigate with Tab key, confirm with Enter\n\n3. **Don't rely on color alone for judgment**\n   - Not just red=error, but also icon+text\n```\n","# UI Skills\n\nA group of skills responsible for generating UI components and forms.\n\n## Constraint Priority and Application Conditions\n\n1. By default, apply constraints from `${CLAUDE_SKILL_DIR}\u002Freferences\u002Fui-skills.md` with highest priority.\n2. Apply `${CLAUDE_SKILL_DIR}\u002Freferences\u002Ffrontend-design.md` only when \"edgy\u002Funique\u002Fexpressive\u002Fbrand-enhancing\" styles are **explicitly** requested.\n3. UI Skills MUST\u002FNEVER rules are maintained by default. However, the following exceptions are permitted **only when explicitly requested by the user**:\n   - Gradients, glows, heavy decorations\n   - Animations (additions\u002Fenhancements)\n   - Custom easing\n\n## Feature Details\n\n| Feature | Details |\n|---------|---------|\n| **Constraint set** | See [references\u002Fui-skills.md](${CLAUDE_SKILL_DIR}\u002Freferences\u002Fui-skills.md) \u002F [references\u002Ffrontend-design.md](${CLAUDE_SKILL_DIR}\u002Freferences\u002Ffrontend-design.md) |\n| **Component generation** | See [references\u002Fcomponent-generation.md](${CLAUDE_SKILL_DIR}\u002Freferences\u002Fcomponent-generation.md) |\n| **Feedback forms** | See [references\u002Ffeedback-forms.md](${CLAUDE_SKILL_DIR}\u002Freferences\u002Ffeedback-forms.md) |\n\n## Execution Steps\n\n1. **Apply constraint set** (following priority order)\n2. **Quality gate** (Step 0)\n3. Classify the user's request\n4. Read the appropriate reference file from \"Feature Details\" above\n5. Generate according to its content\n\n### Step 0: Quality Gate (a11y Checklist)\n\nEnsure accessibility when generating UI components:\n\n```markdown\n♿ Accessibility Checklist\n\nGenerated UI should meet the following:\n\n### Required Items\n- [ ] Set alt attributes on images\n- [ ] Associate labels with form elements\n- [ ] Keyboard navigable (Tab for focus movement)\n- [ ] Focus state is visually distinguishable\n\n### Recommended Items\n- [ ] Do not rely on color alone for conveying information\n- [ ] Contrast ratio 4.5:1 or higher (text)\n- [ ] Appropriate use of aria-label \u002F aria-describedby\n- [ ] Heading structure (h1 -> h2 -> h3) is logical\n\n### Interactive Elements\n- [ ] Appropriate labels on buttons (\"View product details\" instead of \"Details\")\n- [ ] Focus trap for modals\u002Fdialogs\n- [ ] Error messages are read by screen readers\n```\n\n### For VibeCoders\n\n```markdown\n♿ Making Designs Accessible to Everyone\n\n1. **Add descriptions to images**\n   - Instead of \"product image\", use \"red sneakers, front view\"\n\n2. **Make clickable areas keyboard-navigable too**\n   - Navigate with Tab key, confirm with Enter\n\n3. **Don't rely on color alone for judgment**\n   - Not just red=error, but also icon+text\n```\n",{"name":5,"description":7,"when_to_use":48,"allowed-tools":49,"user-invocable":44},"UI component, hero section, landing page, contact form, front-end, visual elements, feedback form",[50,51,52,41],"Read","Write","Edit","master","cf086c6a667d37610d30a4236b94d8ab02e4efc5",".claude\u002Fskills\u002Fui",0,"https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness","https:\u002F\u002Fgithub.com\u002Ftim-hub","https:\u002F\u002Ftim.bai.uno","Building things.","2026-08-05 17:45:08",{"source":8,"skillName":5,"commands":63,"prompt":73,"zipAvailable":74},[64,67,70],{"tool":65,"command":66},"npx","npx skills add tim-hub\u002Fpowerball-harness --skill ui",{"tool":68,"command":69},"bunx","bunx skills add tim-hub\u002Fpowerball-harness --skill ui",{"tool":71,"command":72},"pnpm","pnpm dlx skills add tim-hub\u002Fpowerball-harness --skill ui","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fui\u002FSKILL.md",true,[76,82,86,90],{"path":77,"resourceType":78,"resourceTypeDesc":79,"sizeBytes":80,"sourceHtmlUrl":81},"references\u002Fcomponent-generation.md","REFERENCE","参考文档",649,"https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fui\u002Freferences\u002Fcomponent-generation.md",{"path":83,"resourceType":78,"resourceTypeDesc":79,"sizeBytes":84,"sourceHtmlUrl":85},"references\u002Ffeedback-forms.md",623,"https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fui\u002Freferences\u002Ffeedback-forms.md",{"path":87,"resourceType":78,"resourceTypeDesc":79,"sizeBytes":88,"sourceHtmlUrl":89},"references\u002Ffrontend-design.md",1263,"https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fui\u002Freferences\u002Ffrontend-design.md",{"path":91,"resourceType":78,"resourceTypeDesc":79,"sizeBytes":92,"sourceHtmlUrl":93},"references\u002Fui-skills.md",2623,"https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002F.claude\u002Fskills\u002Fui\u002Freferences\u002Fui-skills.md",[95,112,121,146,165,171],{"skillNo":96,"name":97,"nameZh":6,"description":6,"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":105,"publishedAt":43},"01M6R7GH70ABV40CS95W4WWMQZ","escape-skill","https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002Ftests\u002Ffixtures\u002Fskills\u002Fzz-review-escape\u002FSKILL.md",[100],{"categoryNo":101,"categoryName":102,"taxonomyType":103,"taxonomyTypeDesc":104},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[106,107,108,109,110,31,111],"escape skill","escape","quoted","path","true","Tools",{"skillNo":113,"name":114,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":115,"categories":116,"keywords":117,"publishedAt":43},"01M6R7G8A2BQHYTAR39BY7X3GK","zz-review-empty","https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002Ftests\u002Ffixtures\u002Fskills\u002Fzz-review-empty\u002FSKILL.md",[],[118,119,120,110,31],"review","zz review empty","empty",{"skillNo":122,"name":123,"nameZh":6,"description":124,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":125,"categories":126,"keywords":128,"publishedAt":43},"01M6R7G3XH6C43JKP2RX1SZW6V","harness-schedule-run","Use when running Plans.md tasks on a scheduled cadence (fresh context per wake-up, sprint-contract flow, plateau detection, flock guard). Do NOT load for: single-task work (harness-work), planning, review, release.","https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002Fharness\u002Ftemplates\u002Fopencode\u002Fskills\u002Fharness-schedule-run\u002FSKILL.md",[127],{"categoryNo":101,"categoryName":102,"taxonomyType":103,"taxonomyTypeDesc":104},[129,130,131,132,118,133,134,135,136,137,25,138,41,139,140,141,142,143,144,145],"run","harness schedule run","harness","schedule","tasks","ci","MCP","mem","wake","sprint-contract","scheduled","cadence","sprint","fresh","worker","up","work",{"skillNo":147,"name":148,"nameZh":6,"description":149,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":150,"categories":151,"keywords":152,"publishedAt":43},"01M6R7FY3ZVYDDKXBT3D7QSFFK","harness-work","Use when implementing, executing, or running Plans.md tasks — single task, parallel workers, or full team\u002Fbreezing run. Accepts specific task numbers or ranges. Do NOT load for: planning, review, release, or setup.","https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002Fharness\u002Ftemplates\u002Fcodex-skills\u002Fharness-work\u002FSKILL.md",[],[153,131,145,154,25,155,156,157,158,159,160,161,162,41,163,129,133,164,118,38],"harness work","full","implementing","mode","number","breezing","auto","edit","write","team","release","commit",{"skillNo":166,"name":123,"nameZh":6,"description":124,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":167,"categories":168,"keywords":170,"publishedAt":43},"01M6R7FGP3R612506A5GKMBF5C","https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002Fharness\u002Ftemplates\u002Fcodex-skills\u002Fharness-schedule-run\u002FSKILL.md",[169],{"categoryNo":101,"categoryName":102,"taxonomyType":103,"taxonomyTypeDesc":104},[130,131,129,132,118,135,133,139,25,138,137,140,141,142,143,136,144,145,41,134],{"skillNo":172,"name":158,"nameZh":6,"description":173,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":174,"categories":175,"keywords":176,"publishedAt":43},"01M6R7FCDN9AS7RSQFGZWHTF7F","Use when running the full team\u002Fbreezing flow end-to-end — all tasks with parallel workers. Do NOT load for: single-task implementation, planning, review, release, or setup.","https:\u002F\u002Fgithub.com\u002Ftim-hub\u002Fpowerball-harness\u002Fblob\u002Fmaster\u002Fharness\u002Ftemplates\u002Fcodex-skills\u002Fbreezing\u002FSKILL.md",[],[158,160,177,25,178,156,179,32,154,159,161,38,180,41,162,181,163,133,164,118],"running","single-task","websearch","parallel","flow"]