[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6KX0VXVE0H0C3X0CSWBN4YS":3,"skill-same:01M6KX0VXVE0H0C3X0CSWBN4YS":83},{"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":44,"linkOnly":45,"markdownContent":46,"markdownBody":47,"frontMatter":48,"refName":50,"commitSha":51,"skillDirectory":52,"forksCount":53,"repositoryHtmlUrl":54,"repositoryHomepageUrl":6,"ownerHtmlUrl":55,"ownerBlogUrl":56,"ownerDescription":57,"updatedAt":58,"install":59,"resources":72},"01M6KX0VXVE0H0C3X0CSWBN4YS","ui-review",null,"Audits web UI components for accessibility and UX against WCAG 2.1 AA, reporting each violation as `[CRITICAL|IMPORTANT|MINOR] — file:line` with a specific fix. Use when the user asks about accessibility, a11y, WCAG, screen readers, keyboard navigation, or color contrast, or wants a UX pass over components.","dougborg\u002Fharness-kit","dougborg","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1261222?v=4","01M6KWS4PB51EYD4ZDJJSGNGB2","Doug Borg","01M6KWS4T8ZZW6SX5QZS9B5BN2",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fengineering\u002Fui-review\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43],"ui","ui review","review","as","for","with","about","web ui","color","ui components","screen","keyboard","critical","use","fix","WCAG","file","ux","components","web","2026-11-10 10:12:30",false,"---\nname: ui-review\ndescription: >-\n  Audits web UI components for accessibility and UX against WCAG 2.1 AA,\n  reporting each violation as `[CRITICAL|IMPORTANT|MINOR] — file:line` with\n  a specific fix. Use when the user asks about accessibility, a11y, WCAG, screen\n  readers, keyboard navigation, or color contrast, or wants a UX pass over\n  components.\nallowed-tools: Read, Grep, Glob\n---\n\n# UI Review\n\nAudit web components (HTML, CSS, or framework code) against WCAG 2.1 AA and\nreport each violation with its severity, location, and fix.\n\nThree rules carry the most weight:\n\n- **Every interactive element is keyboard-accessible**: anything clickable is\n  reachable with Tab and activates with Enter or Space.\n- **Focus rings stay visible**: keep a `:focus-visible` outline such as\n  `outline: 2px solid`; `outline: none` hides focus from keyboard users.\n- **Color is never the only signal**: status, errors, and links also carry\n  text or an icon.\n\n## 1. Check the components\n\nRead the components in scope and check each against\n[checklist.md](checklist.md), which covers:\n\n- Forms: labels, validation, autocomplete\n- Keyboard navigation: tab order, visible focus\n- Color and contrast: WCAG AA ratios\n- Semantic HTML: headings, lists, navigation\n- Images and icons: alt text, `aria-hidden`\n- Loading states: no layout shift, announcements\n- Motion: `prefers-reduced-motion`, transitions\n\nDone when every component in scope has been checked against every checklist\ncategory.\n\n## 2. Report\n\nGive each violation a severity: **CRITICAL** blocks release, **IMPORTANT** is\nneeded before the PR, **MINOR** is nice to have.\n\n```text\n[CRITICAL|IMPORTANT|MINOR] — file:line\nRule: [rule name]\nIssue: [what is wrong]\nFix: [specific code change]\n\nSummary: N critical, M important, P minor. Ready: [YES|NO]\n```\n\nDone when every violation has a `file:line` and a specific fix, and the\nsummary gives the counts by severity and a Ready-for-PR verdict.\n","# UI Review\n\nAudit web components (HTML, CSS, or framework code) against WCAG 2.1 AA and\nreport each violation with its severity, location, and fix.\n\nThree rules carry the most weight:\n\n- **Every interactive element is keyboard-accessible**: anything clickable is\n  reachable with Tab and activates with Enter or Space.\n- **Focus rings stay visible**: keep a `:focus-visible` outline such as\n  `outline: 2px solid`; `outline: none` hides focus from keyboard users.\n- **Color is never the only signal**: status, errors, and links also carry\n  text or an icon.\n\n## 1. Check the components\n\nRead the components in scope and check each against\n[checklist.md](checklist.md), which covers:\n\n- Forms: labels, validation, autocomplete\n- Keyboard navigation: tab order, visible focus\n- Color and contrast: WCAG AA ratios\n- Semantic HTML: headings, lists, navigation\n- Images and icons: alt text, `aria-hidden`\n- Loading states: no layout shift, announcements\n- Motion: `prefers-reduced-motion`, transitions\n\nDone when every component in scope has been checked against every checklist\ncategory.\n\n## 2. Report\n\nGive each violation a severity: **CRITICAL** blocks release, **IMPORTANT** is\nneeded before the PR, **MINOR** is nice to have.\n\n```text\n[CRITICAL|IMPORTANT|MINOR] — file:line\nRule: [rule name]\nIssue: [what is wrong]\nFix: [specific code change]\n\nSummary: N critical, M important, P minor. Ready: [YES|NO]\n```\n\nDone when every violation has a `file:line` and a specific fix, and the\nsummary gives the counts by severity and a Ready-for-PR verdict.\n",{"name":5,"description":7,"allowed-tools":49},"Read, Grep, Glob","main","023b01bfb4a86fbf1e38a749f1044cce3e5da67d","skills\u002Fengineering\u002Fui-review",1,"https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit","https:\u002F\u002Fgithub.com\u002Fdougborg","http:\u002F\u002Fdougborg.org","Platforms and Infrastructure Software Engineer","2026-11-13 07:43:37",{"source":8,"skillName":5,"commands":60,"prompt":70,"zipAvailable":71},[61,64,67],{"tool":62,"command":63},"npx","npx skills add dougborg\u002Fharness-kit --skill ui-review",{"tool":65,"command":66},"bunx","bunx skills add dougborg\u002Fharness-kit --skill ui-review",{"tool":68,"command":69},"pnpm","pnpm dlx skills add dougborg\u002Fharness-kit --skill ui-review","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fengineering\u002Fui-review\u002FSKILL.md",true,[73,79],{"path":74,"resourceType":75,"resourceTypeDesc":76,"sizeBytes":77,"sourceHtmlUrl":78},"agents\u002Fopenai.yaml","REFERENCE","参考文档",113,"https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fengineering\u002Fui-review\u002Fagents\u002Fopenai.yaml",{"path":80,"resourceType":75,"resourceTypeDesc":76,"sizeBytes":81,"sourceHtmlUrl":82},"checklist.md",1764,"https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fengineering\u002Fui-review\u002Fchecklist.md",[84,100,120,151,175,192],{"skillNo":85,"name":86,"nameZh":6,"description":87,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":88,"categories":89,"keywords":93,"publishedAt":44},"01M6KX4J65S5FZKMSN5DQNPSZM","teach","Teach yourself a topic over several sessions, with lessons, references, and a record of what you've learned.","https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fwriting\u002Fteach\u002FSKILL.md",[90],{"categoryNo":91,"categoryName":92,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000039","教师与教育",[86,94,95,29,96,97,98,99],"lessons","you","learned","record","references","sessions",{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":111,"publishedAt":44},"01M6KX4FSSG7MHF00JDT5QT0BQ","svg-logo-designer","Generate SVG logos with multiple concepts, layouts, and color variations.","https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fwriting\u002Fsvg-logo-designer\u002FSKILL.md",[106],{"categoryNo":107,"categoryName":108,"taxonomyType":109,"taxonomyTypeDesc":110},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[112,113,114,115,32,116,29,117,118,119],"logo","designer","svg logo designer","SVG","concepts","write","read","generate",{"skillNo":121,"name":122,"nameZh":6,"description":123,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":124,"categories":125,"keywords":132,"publishedAt":44},"01M6KX4BD3J9MZPPSH4MENH7FP","documentation-writer","Writes and revises human-facing documentation — READMEs, contributor and setup guides, reference pages, architecture notes, CLAUDE.md, and changelog entries. Covers picking the right document type for the question being asked, structuring for skimming, writing examples that actually run, and keeping docs from going stale. Use when creating or rewriting docs, when a README has drifted from the code, or when deciding where a piece of information belongs. For SKILL.md and agent files, use \u002Fskill-writer instead.","https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fwriting\u002Fdocumentation-writer\u002FSKILL.md",[126,129],{"categoryNo":127,"categoryName":128,"taxonomyType":109,"taxonomyTypeDesc":110},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":130,"categoryName":131,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000036","内容创作者",[133,134,135,136,137,138,139,140,37,141,142,143,144,145,146,28,147,148,149,150],"writer","documentation writer","documentation","entries","changelog","architecture","document","files","question","README","notes","code","examples","pages","information","guides","type","writing",{"skillNo":152,"name":153,"nameZh":6,"description":154,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":155,"categories":156,"keywords":157,"publishedAt":44},"01M6KX47ZJ4ZWHDN3MY8SYAWZZ","adhd-mode","Shapes every response for a reader with ADHD: the next action first, numbered steps, progress restated each turn, tangents held back, concrete time estimates, wins made visible. Stays on for the rest of the session until the reader says \"stop adhd mode\". On Claude Code, the harness-kit:adhd output style does the same without invoking this skill.","https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fwriting\u002Fadhd-mode\u002FSKILL.md",[],[158,159,160,161,28,162,163,29,164,165,166,167,168,169,170,171,172,173,174,144],"adhd","mode","adhd mode","next","action","kit","output","style","progress","time","back","stop","session","reader","first","REST","harness",{"skillNo":176,"name":177,"nameZh":6,"description":178,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":179,"categories":180,"keywords":181,"publishedAt":44},"01M6KX463Z6E18EPDW873GDHKB","wait-what","That last message didn't land: re-explain it with the missing context.","https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fthinking\u002Fwait-what\u002FSKILL.md",[],[182,183,184,29,185,186,187,188,189,190,191],"wait","wait what","re","it","missing","message","context","explain","land","last",{"skillNo":193,"name":194,"nameZh":6,"description":195,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":196,"categories":197,"keywords":198,"publishedAt":44},"01M6KX43NE1NB0Y2HECY515730","to-questionnaire","Turn a decision you can't make alone into a questionnaire for the one person who can answer it, filled in async or together in a meeting.","https:\u002F\u002Fgithub.com\u002Fdougborg\u002Fharness-kit\u002Fblob\u002Fmain\u002Fskills\u002Fthinking\u002Fto-questionnaire\u002FSKILL.md",[],[199,200,28,201,202,203,204,95,205,185,206,207],"to questionnaire","questionnaire","person","can","answer","meeting","make","async","decision"]