[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6QQE6GTKTPCMCKB9ASQR9ZT":3,"skill-same:01M6QQE6GTKTPCMCKB9ASQR9ZT":54},{"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":27,"linkOnly":28,"markdownContent":29,"markdownBody":30,"frontMatter":31,"refName":33,"commitSha":34,"skillDirectory":35,"forksCount":14,"repositoryHtmlUrl":36,"repositoryHomepageUrl":6,"ownerHtmlUrl":37,"ownerBlogUrl":6,"ownerDescription":38,"updatedAt":39,"install":40,"resources":53},"01M6QQE6GTKTPCMCKB9ASQR9ZT","accessibility",null,"WCAG 2.1 AA compliance and inclusive UI patterns","lfr-ai\u002Fcopier-fullstack-template","lfr-ai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F233346551?v=4","01M6QPWTJWTSJV1TQTTY8ZPBYJ","Laurits Fromberg","01M6QPWTQ47BZGA4TH17H14N80",0,"MIT","https:\u002F\u002Fgithub.com\u002Flfr-ai\u002Fcopier-fullstack-template\u002Fblob\u002Fmain\u002Ftemplate\u002F.github\u002Fskills\u002Faccessibility\u002FSKILL.md",[],[5,19,20,21,22,23,24,25,26],"ui","compliance","WCAG","src","tsx","patterns","presentation","ui patterns","2026-11-10 10:12:30",false,"---\nname: accessibility\ndescription: WCAG 2.1 AA compliance and inclusive UI patterns\napplyTo: \"src\u002Fpresentation\u002F**\u002F*.{ts,tsx}\"\n---\n\n# Accessibility Skill (WCAG 2.1 AA)\n\n## Purpose\n\nEnsure all UI components meet WCAG 2.1 Level AA standards for users with\ndisabilities, including screen reader users, keyboard-only users, and users\nwith visual impairments.\n\n## Core Principles (POUR)\n\n| Principle | Meaning | Examples |\n|-----------|---------|----------|\n| **Perceivable** | Content is perceivable by all senses | Alt text, contrast, captions |\n| **Operable** | UI is operable by all input methods | Keyboard nav, no time limits |\n| **Understandable** | Content is understandable | Clear language, predictable UI |\n| **Robust** | Works with assistive technologies | Semantic HTML, ARIA |\n\n## Checklist\n\n- [ ] All images have alt text (or `alt=\"\"` for decorative)\n- [ ] All form inputs have visible labels\n- [ ] Error messages are announced to screen readers\n- [ ] Focus order is logical\n- [ ] Color contrast meets AA ratios\n- [ ] Interactive elements have accessible names\n- [ ] Loading states are announced\n- [ ] Modal dialogs manage focus correctly\n- [ ] Page has proper heading hierarchy (h1 → h2 → h3)\n- [ ] Language attribute set on `\u003Chtml>` element\n","# Accessibility Skill (WCAG 2.1 AA)\n\n## Purpose\n\nEnsure all UI components meet WCAG 2.1 Level AA standards for users with\ndisabilities, including screen reader users, keyboard-only users, and users\nwith visual impairments.\n\n## Core Principles (POUR)\n\n| Principle | Meaning | Examples |\n|-----------|---------|----------|\n| **Perceivable** | Content is perceivable by all senses | Alt text, contrast, captions |\n| **Operable** | UI is operable by all input methods | Keyboard nav, no time limits |\n| **Understandable** | Content is understandable | Clear language, predictable UI |\n| **Robust** | Works with assistive technologies | Semantic HTML, ARIA |\n\n## Checklist\n\n- [ ] All images have alt text (or `alt=\"\"` for decorative)\n- [ ] All form inputs have visible labels\n- [ ] Error messages are announced to screen readers\n- [ ] Focus order is logical\n- [ ] Color contrast meets AA ratios\n- [ ] Interactive elements have accessible names\n- [ ] Loading states are announced\n- [ ] Modal dialogs manage focus correctly\n- [ ] Page has proper heading hierarchy (h1 → h2 → h3)\n- [ ] Language attribute set on `\u003Chtml>` element\n",{"name":5,"applyTo":32,"description":7},"src\u002Fpresentation\u002F**\u002F*.{ts,tsx}","main","f726ce2f2bb4e3bcc2f56c066598f4acd910c5ee","template\u002F.github\u002Fskills\u002Faccessibility","https:\u002F\u002Fgithub.com\u002Flfr-ai\u002Fcopier-fullstack-template","https:\u002F\u002Fgithub.com\u002Flfr-ai","Optimizing for elegance","2026-07-20 12:19:48",{"source":8,"skillName":5,"commands":41,"prompt":51,"zipAvailable":52},[42,45,48],{"tool":43,"command":44},"npx","npx skills add lfr-ai\u002Fcopier-fullstack-template --skill accessibility",{"tool":46,"command":47},"bunx","bunx skills add lfr-ai\u002Fcopier-fullstack-template --skill accessibility",{"tool":49,"command":50},"pnpm","pnpm dlx skills add lfr-ai\u002Fcopier-fullstack-template --skill accessibility","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Flfr-ai\u002Fcopier-fullstack-template\u002Fblob\u002Fmain\u002Ftemplate\u002F.github\u002Fskills\u002Faccessibility\u002FSKILL.md",true,[],[55,85,97,103,117,123],{"skillNo":56,"name":57,"nameZh":6,"description":58,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":59,"categories":60,"keywords":71,"publishedAt":27},"01M6QQGVYW8BZ3W165A5YMJ1PF","ui-ux-frontend","Frontend UX, accessibility, responsive layout, and Storybook interaction quality standards.","https:\u002F\u002Fgithub.com\u002Flfr-ai\u002Fcopier-fullstack-template\u002Fblob\u002Fmain\u002Ftemplate\u002F.github\u002Fskills\u002Fui-ux-frontend\u002FSKILL.md",[61,66],{"categoryNo":62,"categoryName":63,"taxonomyType":64,"taxonomyTypeDesc":65},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":67,"categoryName":68,"taxonomyType":69,"taxonomyTypeDesc":70},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[72,73,19,74,75,76,77,78,79,80,81,23,82,83,5,84],"ui ux","ui ux frontend","ux","frontend","storybook","frontend ux","interaction","layout","responsive","mdx","standards","quality","css",{"skillNo":86,"name":87,"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":88,"categories":89,"keywords":93,"publishedAt":27},"01M6QQGS7N3ENQZR2Y5JBRYDHD","testing-conventions","https:\u002F\u002Fgithub.com\u002Flfr-ai\u002Fcopier-fullstack-template\u002Fblob\u002Fmain\u002Ftemplate\u002F.github\u002Fskills\u002Ftesting-conventions\u002FSKILL.md",[90],{"categoryNo":91,"categoryName":92,"taxonomyType":64,"taxonomyTypeDesc":65},"01JBSEEDCAT000000000000008","测试与质量",[94,95,96],"conventions","testing conventions","testing",{"skillNo":98,"name":99,"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":100,"categories":101,"keywords":102,"publishedAt":27},"01M6QQGQKA9Q6A147WXMS7QPGX","tdd","https:\u002F\u002Fgithub.com\u002Flfr-ai\u002Fcopier-fullstack-template\u002Fblob\u002Fmain\u002Ftemplate\u002F.github\u002Fskills\u002Ftdd\u002FSKILL.md",[],[99],{"skillNo":104,"name":105,"nameZh":6,"description":106,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":107,"categories":108,"keywords":110,"publishedAt":27},"01M6QQG5AZPRWSR6SSCCDDPAM3","shadcn-ui","shadcn\u002Fui component conventions and composition patterns","https:\u002F\u002Fgithub.com\u002Flfr-ai\u002Fcopier-fullstack-template\u002Fblob\u002Fmain\u002Ftemplate\u002F.github\u002Fskills\u002Fshadcn-ui\u002FSKILL.md",[109],{"categoryNo":67,"categoryName":68,"taxonomyType":69,"taxonomyTypeDesc":70},[111,19,112,113,23,114,22,115,25,94,24,116],"shadcn ui","shadcn","component","Composition","composition patterns","ui component",{"skillNo":118,"name":119,"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":120,"categories":121,"keywords":122,"publishedAt":27},"01M6QQG3WMMB8X8C4T8PR7WBV4","sdd","https:\u002F\u002Fgithub.com\u002Flfr-ai\u002Fcopier-fullstack-template\u002Fblob\u002Fmain\u002Ftemplate\u002F.github\u002Fskills\u002Fsdd\u002FSKILL.md",[],[119],{"skillNo":124,"name":125,"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":126,"categories":127,"keywords":128,"publishedAt":27},"01M6QQG241NAC5PQFXFD01NR16","quality-gate","https:\u002F\u002Fgithub.com\u002Flfr-ai\u002Fcopier-fullstack-template\u002Fblob\u002Fmain\u002Ftemplate\u002F.github\u002Fskills\u002Fquality-gate\u002FSKILL.md",[],[129,83,130],"quality gate","gate"]