[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CD5RJBBE74VF2XDA88PYBA":3,"skill-same:01M6CD5RJBBE74VF2XDA88PYBA":73},{"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":26,"linkOnly":27,"markdownContent":28,"markdownBody":29,"frontMatter":30,"refName":31,"commitSha":32,"skillDirectory":33,"forksCount":34,"repositoryHtmlUrl":35,"repositoryHomepageUrl":6,"ownerHtmlUrl":36,"ownerBlogUrl":37,"ownerDescription":6,"updatedAt":38,"install":39,"resources":52},"01M6CD5RJBBE74VF2XDA88PYBA","wcag-audit-perceivable-text-size",null,"Convert between px, pt, em, rem units with accessibility context","Jkense\u002Fagent-skills-wcag","Jkense","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F44931777?v=4","01M6CD4YE9ZDK9FQ5RTQH178KA","Jasper Kense","01M6CD4YJ48WGRZXVJ2TGSQ90K",1,"MIT","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-text-size\u002FSKILL.md",[],[19,20,21,22,23,24,25],"audit","WCAG","text","wcag audit perceivable text size","accessibility","convert","context","2026-11-10 10:12:30",false,"---\nname: wcag-audit-perceivable-text-size\ndescription: Convert between px, pt, em, rem units with accessibility context\n---\n\n## When to Use\nUse this tool when converting font sizes between units, checking accessibility compliance, or ensuring consistent typography scaling across different contexts.\n\n## Usage\n\n### Command Line\n```bash\nnode scripts\u002Fconvert.js --from 16px --to rem\nnode scripts\u002Fconvert.js --value 1.25rem --base-font 16px --to px\nnode scripts\u002Fconvert.js --from 14pt --to px --accessibility-check\n```\n\n### JSON Input\n```bash\nnode scripts\u002Fconvert.js --json '{\"from\": \"16px\", \"to\": \"rem\", \"baseFontSize\": \"16px\"}'\n```\n\n### Parameters\n- `--from`: Source font size with unit (e.g., \"16px\", \"12pt\", \"1.5em\")\n- `--to`: Target unit (px, pt, em, rem)\n- `--value`: Alternative to --from for specifying the value\n- `--base-font`: Base font size for em\u002Frem calculations (default: 16px)\n- `--accessibility-check`: Include WCAG compliance assessment\n- `--json`: JSON input with conversion parameters\n\n### Output\nReturns JSON with conversion results and accessibility assessment:\n\n```json\n{\n  \"input\": \"16px\",\n  \"output\": \"1rem\",\n  \"baseFontSize\": \"16px\",\n  \"accessibility\": {\n    \"meetsMinimum\": true,\n    \"recommendations\": []\n  }\n}\n```\n\n## Examples\n\n### Basic conversion\n```bash\n$ node scripts\u002Fconvert.js --from 16px --to rem\n16px = 1rem (base font: 16px)\n✅ Accessibility: PASS (16px meets 14px minimum)\n```\n\n### Point to pixel conversion\n```bash\n$ node scripts\u002Fconvert.js --from 12pt --to px\n12pt = 16px (1pt ≈ 1.333px)\n✅ Accessibility: PASS (16px meets 14px minimum)\n```\n\n### EM calculation with custom base\n```bash\n$ node scripts\u002Fconvert.js --value 1.5em --base-font 18px --to px\n1.5em = 27px (base font: 18px)\n✅ Accessibility: PASS (27px exceeds 14px minimum)\n```\n\n### Accessibility check\n```bash\n$ node scripts\u002Fconvert.js --from 12px --to pt --accessibility-check\n12px = 9pt\n❌ Accessibility: FAIL (12px below 14px minimum for body text)\nRecommendation: Increase to at least 14px (≈10.5pt) for readable text\n```\n\n## Unit Conversions\n\n### Absolute Units\n- **px (pixels)**: Screen pixels, most common for web\n- **pt (points)**: Print units, 1pt = 1\u002F72 inch\n\n### Relative Units\n- **em**: Relative to parent element's font size\n- **rem**: Relative to root element's font size (usually 16px)\n\n### Conversion Formulas\n- 1pt ≈ 1.333px (at 96 DPI)\n- 1em = 1 × parent font size\n- 1rem = 1 × root font size (default: 16px)\n\n## WCAG Standards\n\n- **Minimum Size**: 14px for body text, 18px for headings\n- **Zoom Support**: Text must resize up to 200% without loss of functionality\n- **Relative Units**: Prefer rem\u002Fem for better accessibility and responsiveness\n- **Print Compatibility**: Consider pt units for print stylesheets\n\n## Best Practices\n\n1. **Use relative units**: rem\u002Fem scale better with user preferences\n2. **Set root font size**: Use 16px as base for consistent calculations\n3. **Test zoom**: Ensure text remains readable when zoomed to 200%\n4. **Consider context**: Different minimum sizes for different content types\n5. **Avoid fixed sizes**: Allow user font size preferences to take effect\n\n## Learn More\n\nFor more information about [Agent Skills](https:\u002F\u002Fagentskills.io\u002Fwhat-are-skills) and how they extend AI capabilities.","## When to Use\nUse this tool when converting font sizes between units, checking accessibility compliance, or ensuring consistent typography scaling across different contexts.\n\n## Usage\n\n### Command Line\n```bash\nnode scripts\u002Fconvert.js --from 16px --to rem\nnode scripts\u002Fconvert.js --value 1.25rem --base-font 16px --to px\nnode scripts\u002Fconvert.js --from 14pt --to px --accessibility-check\n```\n\n### JSON Input\n```bash\nnode scripts\u002Fconvert.js --json '{\"from\": \"16px\", \"to\": \"rem\", \"baseFontSize\": \"16px\"}'\n```\n\n### Parameters\n- `--from`: Source font size with unit (e.g., \"16px\", \"12pt\", \"1.5em\")\n- `--to`: Target unit (px, pt, em, rem)\n- `--value`: Alternative to --from for specifying the value\n- `--base-font`: Base font size for em\u002Frem calculations (default: 16px)\n- `--accessibility-check`: Include WCAG compliance assessment\n- `--json`: JSON input with conversion parameters\n\n### Output\nReturns JSON with conversion results and accessibility assessment:\n\n```json\n{\n  \"input\": \"16px\",\n  \"output\": \"1rem\",\n  \"baseFontSize\": \"16px\",\n  \"accessibility\": {\n    \"meetsMinimum\": true,\n    \"recommendations\": []\n  }\n}\n```\n\n## Examples\n\n### Basic conversion\n```bash\n$ node scripts\u002Fconvert.js --from 16px --to rem\n16px = 1rem (base font: 16px)\n✅ Accessibility: PASS (16px meets 14px minimum)\n```\n\n### Point to pixel conversion\n```bash\n$ node scripts\u002Fconvert.js --from 12pt --to px\n12pt = 16px (1pt ≈ 1.333px)\n✅ Accessibility: PASS (16px meets 14px minimum)\n```\n\n### EM calculation with custom base\n```bash\n$ node scripts\u002Fconvert.js --value 1.5em --base-font 18px --to px\n1.5em = 27px (base font: 18px)\n✅ Accessibility: PASS (27px exceeds 14px minimum)\n```\n\n### Accessibility check\n```bash\n$ node scripts\u002Fconvert.js --from 12px --to pt --accessibility-check\n12px = 9pt\n❌ Accessibility: FAIL (12px below 14px minimum for body text)\nRecommendation: Increase to at least 14px (≈10.5pt) for readable text\n```\n\n## Unit Conversions\n\n### Absolute Units\n- **px (pixels)**: Screen pixels, most common for web\n- **pt (points)**: Print units, 1pt = 1\u002F72 inch\n\n### Relative Units\n- **em**: Relative to parent element's font size\n- **rem**: Relative to root element's font size (usually 16px)\n\n### Conversion Formulas\n- 1pt ≈ 1.333px (at 96 DPI)\n- 1em = 1 × parent font size\n- 1rem = 1 × root font size (default: 16px)\n\n## WCAG Standards\n\n- **Minimum Size**: 14px for body text, 18px for headings\n- **Zoom Support**: Text must resize up to 200% without loss of functionality\n- **Relative Units**: Prefer rem\u002Fem for better accessibility and responsiveness\n- **Print Compatibility**: Consider pt units for print stylesheets\n\n## Best Practices\n\n1. **Use relative units**: rem\u002Fem scale better with user preferences\n2. **Set root font size**: Use 16px as base for consistent calculations\n3. **Test zoom**: Ensure text remains readable when zoomed to 200%\n4. **Consider context**: Different minimum sizes for different content types\n5. **Avoid fixed sizes**: Allow user font size preferences to take effect\n\n## Learn More\n\nFor more information about [Agent Skills](https:\u002F\u002Fagentskills.io\u002Fwhat-are-skills) and how they extend AI capabilities.",{"name":5,"description":7},"main","7fc6eec6adfe1b5509b9e022a163c0a70d6618b5","skills\u002Fwcag-audit-perceivable-text-size",0,"https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag","https:\u002F\u002Fgithub.com\u002FJkense","https:\u002F\u002Fwww.jasperkense.com\u002F","2026-01-19 23:32:34",{"source":8,"skillName":5,"commands":40,"prompt":50,"zipAvailable":51},[41,44,47],{"tool":42,"command":43},"npx","npx skills add Jkense\u002Fagent-skills-wcag --skill wcag-audit-perceivable-text-size",{"tool":45,"command":46},"bunx","bunx skills add Jkense\u002Fagent-skills-wcag --skill wcag-audit-perceivable-text-size",{"tool":48,"command":49},"pnpm","pnpm dlx skills add Jkense\u002Fagent-skills-wcag --skill wcag-audit-perceivable-text-size","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-text-size\u002FSKILL.md",true,[53,59,63,67],{"path":54,"resourceType":55,"resourceTypeDesc":56,"sizeBytes":57,"sourceHtmlUrl":58},"references\u002Fgeneral-errors.md","REFERENCE","参考文档",4344,"https:\u002F\u002Fgithub.com\u002Fngocsangyem\u002FMeowKit\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fbuild-fix\u002Freferences\u002Fgeneral-errors.md",{"path":60,"resourceType":55,"resourceTypeDesc":56,"sizeBytes":61,"sourceHtmlUrl":62},"references\u002Fpython-errors.md",3566,"https:\u002F\u002Fgithub.com\u002Fngocsangyem\u002FMeowKit\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fbuild-fix\u002Freferences\u002Fpython-errors.md",{"path":64,"resourceType":55,"resourceTypeDesc":56,"sizeBytes":65,"sourceHtmlUrl":66},"references\u002Ftypescript-errors.md",4785,"https:\u002F\u002Fgithub.com\u002Fngocsangyem\u002FMeowKit\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fbuild-fix\u002Freferences\u002Ftypescript-errors.md",{"path":68,"resourceType":69,"resourceTypeDesc":70,"sizeBytes":71,"sourceHtmlUrl":72},"scripts\u002Fconvert.js","SCRIPT","脚本",6568,"https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-text-size\u002Fscripts\u002Fconvert.js",[74,84,95,105,113,129],{"skillNo":75,"name":76,"nameZh":6,"description":77,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":78,"categories":79,"keywords":80,"publishedAt":26},"01M6CD5Y5BQZP9HA5JM9D0AP0J","wcag-audit-understandable-forms","Route form input and data collection accessibility requirements","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-understandable-forms\u002FSKILL.md",[],[81,20,19,23,82,83],"wcag audit understandable forms","data","collection",{"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":90,"publishedAt":26},"01M6CD5WEYJVXV3J612QNT4V2E","wcag-audit-understandable-forms-deep","Form design accessibility rules for user input and data collection","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-understandable-forms-deep\u002FSKILL.md",[],[91,20,19,82,83,92,93,23,94],"wcag audit understandable forms deep","Rules","user","design",{"skillNo":96,"name":97,"nameZh":6,"description":98,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":99,"categories":100,"keywords":101,"publishedAt":26},"01M6CD5TJRRHTRVNK3VFRHVMTX","wcag-audit-perceivable-text","Route typography accessibility design decisions and requirements","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-text\u002FSKILL.md",[],[102,21,20,19,103,104,23,94],"wcag audit perceivable text","typography","decisions",{"skillNo":106,"name":107,"nameZh":6,"description":108,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":109,"categories":110,"keywords":111,"publishedAt":26},"01M6CD5PHW0BWTXETYCCEB8F6W","wcag-audit-perceivable-text-deep","Comprehensive typography accessibility rules for text design and readability","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-text-deep\u002FSKILL.md",[],[112,21,20,19,103,92,23,94],"wcag audit perceivable text deep",{"skillNo":114,"name":115,"nameZh":6,"description":116,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":117,"categories":118,"keywords":124,"publishedAt":26},"01M6CD5N1KA8EBEP98VATEFFKY","wcag-audit-perceivable-media","Route audio, video, and multimedia accessibility requirements","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-media\u002FSKILL.md",[119],{"categoryNo":120,"categoryName":121,"taxonomyType":122,"taxonomyTypeDesc":123},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[125,20,126,19,23,127,128],"wcag audit perceivable media","Media","Video","Audio",{"skillNo":130,"name":131,"nameZh":6,"description":132,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":133,"categories":134,"keywords":136,"publishedAt":26},"01M6CD5JYJFA4PSSM44V7S8N8E","wcag-audit-perceivable-media-deep","Audio and video accessibility rules for multimedia content design","https:\u002F\u002Fgithub.com\u002FJkense\u002Fagent-skills-wcag\u002Fblob\u002Fmain\u002Fskills\u002Fwcag-audit-perceivable-media-deep\u002FSKILL.md",[135],{"categoryNo":120,"categoryName":121,"taxonomyType":122,"taxonomyTypeDesc":123},[20,19,137,126,127,128,138,23,92,94],"wcag audit perceivable media deep","content"]