[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M76SJ1XG5SDFM2GJT2VSWCFY":3,"skill-same:01M76SJ1XG5SDFM2GJT2VSWCFY":58},{"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":26,"commitSha":27,"skillDirectory":28,"forksCount":29,"repositoryHtmlUrl":30,"repositoryHomepageUrl":6,"ownerHtmlUrl":31,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":32,"install":33,"resources":45},"01M76SJ1XG5SDFM2GJT2VSWCFY","audit",null,"Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.","zuzu59\u002Fz-skills","zuzu59","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F15345233?v=4","01M756RFXRYFCM8DCAHTP0F5YW","Christian Zufferey","01M756RFYZRYH7F070CKQRMW38",0,"MIT","https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Faudit\u002FSKILL.md",[],[],"2026-11-12 13:55:43",false,"---\nname: audit\ndescription: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.\nuser-invocable: true\nargument-hint: \"[area]\"\ndisable-model-invocation: true\n---\n\nRun systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address.\n\n**First**: Use the frontend-design skill for design principles and anti-patterns.\n\n## Diagnostic Scan\n\nRun comprehensive checks across multiple dimensions:\n\n1. **Accessibility (A11y)** - Check for:\n   - **Contrast issues**: Text contrast ratios \u003C 4.5:1 (or 7:1 for AAA)\n   - **Missing ARIA**: Interactive elements without proper roles, labels, or states\n   - **Keyboard navigation**: Missing focus indicators, illogical tab order, keyboard traps\n   - **Semantic HTML**: Improper heading hierarchy, missing landmarks, divs instead of buttons\n   - **Alt text**: Missing or poor image descriptions\n   - **Form issues**: Inputs without labels, poor error messaging, missing required indicators\n\n2. **Performance** - Check for:\n   - **Layout thrashing**: Reading\u002Fwriting layout properties in loops\n   - **Expensive animations**: Animating layout properties (width, height, top, left) instead of transform\u002Fopacity\n   - **Missing optimization**: Images without lazy loading, unoptimized assets, missing will-change\n   - **Bundle size**: Unnecessary imports, unused dependencies\n   - **Render performance**: Unnecessary re-renders, missing memoization\n\n3. **Theming** - Check for:\n   - **Hard-coded colors**: Colors not using design tokens\n   - **Broken dark mode**: Missing dark mode variants, poor contrast in dark theme\n   - **Inconsistent tokens**: Using wrong tokens, mixing token types\n   - **Theme switching issues**: Values that don't update on theme change\n\n4. **Responsive Design** - Check for:\n   - **Fixed widths**: Hard-coded widths that break on mobile\n   - **Touch targets**: Interactive elements \u003C 44x44px\n   - **Horizontal scroll**: Content overflow on narrow viewports\n   - **Text scaling**: Layouts that break when text size increases\n   - **Missing breakpoints**: No mobile\u002Ftablet variants\n\n5. **Anti-Patterns (CRITICAL)** - Check against ALL the **DON'T** guidelines in the frontend-design skill. Look for AI slop tells (AI color palette, gradient text, glassmorphism, hero metrics, card grids, generic fonts) and general design anti-patterns (gray on color, nested cards, bounce easing, redundant copy).\n\n**CRITICAL**: This is an audit, not a fix. Document issues thoroughly with clear explanations of impact. Use other commands (normalize, optimize, harden, etc.) to fix issues after audit.\n\n## Generate Comprehensive Report\n\nCreate a detailed audit report with the following structure:\n\n### Anti-Patterns Verdict\n**Start here.** Pass\u002Ffail: Does this look AI-generated? List specific tells from the skill's Anti-Patterns section. Be brutally honest.\n\n### Executive Summary\n- Total issues found (count by severity)\n- Most critical issues (top 3-5)\n- Overall quality score (if applicable)\n- Recommended next steps\n\n### Detailed Findings by Severity\n\nFor each issue, document:\n- **Location**: Where the issue occurs (component, file, line)\n- **Severity**: Critical \u002F High \u002F Medium \u002F Low\n- **Category**: Accessibility \u002F Performance \u002F Theming \u002F Responsive\n- **Description**: What the issue is\n- **Impact**: How it affects users\n- **WCAG\u002FStandard**: Which standard it violates (if applicable)\n- **Recommendation**: How to fix it\n- **Suggested command**: Which command to use (prefer: \u002Fanimate, \u002Fquieter, \u002Foptimize, \u002Fadapt, \u002Fclarify, \u002Fdistill, \u002Fdelight, \u002Fonboard, \u002Fnormalize, \u002Faudit, \u002Fharden, \u002Fpolish, \u002Fextract, \u002Fbolder, \u002Fcritique, \u002Fcolorize — or other installed skills you're sure exist)\n\n#### Critical Issues\n[Issues that block core functionality or violate WCAG A]\n\n#### High-Severity Issues\n[Significant usability\u002Faccessibility impact, WCAG AA violations]\n\n#### Medium-Severity Issues\n[Quality issues, WCAG AAA violations, performance concerns]\n\n#### Low-Severity Issues\n[Minor inconsistencies, optimization opportunities]\n\n### Patterns & Systemic Issues\n\nIdentify recurring problems:\n- \"Hard-coded colors appear in 15+ components, should use design tokens\"\n- \"Touch targets consistently too small (\u003C44px) throughout mobile experience\"\n- \"Missing focus indicators on all custom interactive components\"\n\n### Positive Findings\n\nNote what's working well:\n- Good practices to maintain\n- Exemplary implementations to replicate elsewhere\n\n### Recommendations by Priority\n\nCreate actionable plan:\n1. **Immediate**: Critical blockers to fix first\n2. **Short-term**: High-severity issues (this sprint)\n3. **Medium-term**: Quality improvements (next sprint)\n4. **Long-term**: Nice-to-haves and optimizations\n\n### Suggested Commands for Fixes\n\nMap issues to available commands. Prefer these: \u002Fanimate, \u002Fquieter, \u002Foptimize, \u002Fadapt, \u002Fclarify, \u002Fdistill, \u002Fdelight, \u002Fonboard, \u002Fnormalize, \u002Faudit, \u002Fharden, \u002Fpolish, \u002Fextract, \u002Fbolder, \u002Fcritique, \u002Fcolorize. You may also suggest other installed skills you're sure exist, but never invent commands.\n\nExamples:\n- \"Use `\u002Fnormalize` to align with design system (addresses N theming issues)\"\n- \"Use `\u002Foptimize` to improve performance (addresses N performance issues)\"\n- \"Use `\u002Fharden` to improve resilience (addresses N edge cases)\"\n\n**IMPORTANT**: Be thorough but actionable. Too many low-priority issues creates noise. Focus on what actually matters.\n\n**NEVER**:\n- Report issues without explaining impact (why does this matter?)\n- Mix severity levels inconsistently\n- Skip positive findings (celebrate what works)\n- Provide generic recommendations (be specific and actionable)\n- Forget to prioritize (everything can't be critical)\n- Report false positives without verification\n\nRemember: You're a quality auditor with exceptional attention to detail. Document systematically, prioritize ruthlessly, and provide clear paths to improvement. A good audit makes fixing easy.\n","Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address.\n\n**First**: Use the frontend-design skill for design principles and anti-patterns.\n\n## Diagnostic Scan\n\nRun comprehensive checks across multiple dimensions:\n\n1. **Accessibility (A11y)** - Check for:\n   - **Contrast issues**: Text contrast ratios \u003C 4.5:1 (or 7:1 for AAA)\n   - **Missing ARIA**: Interactive elements without proper roles, labels, or states\n   - **Keyboard navigation**: Missing focus indicators, illogical tab order, keyboard traps\n   - **Semantic HTML**: Improper heading hierarchy, missing landmarks, divs instead of buttons\n   - **Alt text**: Missing or poor image descriptions\n   - **Form issues**: Inputs without labels, poor error messaging, missing required indicators\n\n2. **Performance** - Check for:\n   - **Layout thrashing**: Reading\u002Fwriting layout properties in loops\n   - **Expensive animations**: Animating layout properties (width, height, top, left) instead of transform\u002Fopacity\n   - **Missing optimization**: Images without lazy loading, unoptimized assets, missing will-change\n   - **Bundle size**: Unnecessary imports, unused dependencies\n   - **Render performance**: Unnecessary re-renders, missing memoization\n\n3. **Theming** - Check for:\n   - **Hard-coded colors**: Colors not using design tokens\n   - **Broken dark mode**: Missing dark mode variants, poor contrast in dark theme\n   - **Inconsistent tokens**: Using wrong tokens, mixing token types\n   - **Theme switching issues**: Values that don't update on theme change\n\n4. **Responsive Design** - Check for:\n   - **Fixed widths**: Hard-coded widths that break on mobile\n   - **Touch targets**: Interactive elements \u003C 44x44px\n   - **Horizontal scroll**: Content overflow on narrow viewports\n   - **Text scaling**: Layouts that break when text size increases\n   - **Missing breakpoints**: No mobile\u002Ftablet variants\n\n5. **Anti-Patterns (CRITICAL)** - Check against ALL the **DON'T** guidelines in the frontend-design skill. Look for AI slop tells (AI color palette, gradient text, glassmorphism, hero metrics, card grids, generic fonts) and general design anti-patterns (gray on color, nested cards, bounce easing, redundant copy).\n\n**CRITICAL**: This is an audit, not a fix. Document issues thoroughly with clear explanations of impact. Use other commands (normalize, optimize, harden, etc.) to fix issues after audit.\n\n## Generate Comprehensive Report\n\nCreate a detailed audit report with the following structure:\n\n### Anti-Patterns Verdict\n**Start here.** Pass\u002Ffail: Does this look AI-generated? List specific tells from the skill's Anti-Patterns section. Be brutally honest.\n\n### Executive Summary\n- Total issues found (count by severity)\n- Most critical issues (top 3-5)\n- Overall quality score (if applicable)\n- Recommended next steps\n\n### Detailed Findings by Severity\n\nFor each issue, document:\n- **Location**: Where the issue occurs (component, file, line)\n- **Severity**: Critical \u002F High \u002F Medium \u002F Low\n- **Category**: Accessibility \u002F Performance \u002F Theming \u002F Responsive\n- **Description**: What the issue is\n- **Impact**: How it affects users\n- **WCAG\u002FStandard**: Which standard it violates (if applicable)\n- **Recommendation**: How to fix it\n- **Suggested command**: Which command to use (prefer: \u002Fanimate, \u002Fquieter, \u002Foptimize, \u002Fadapt, \u002Fclarify, \u002Fdistill, \u002Fdelight, \u002Fonboard, \u002Fnormalize, \u002Faudit, \u002Fharden, \u002Fpolish, \u002Fextract, \u002Fbolder, \u002Fcritique, \u002Fcolorize — or other installed skills you're sure exist)\n\n#### Critical Issues\n[Issues that block core functionality or violate WCAG A]\n\n#### High-Severity Issues\n[Significant usability\u002Faccessibility impact, WCAG AA violations]\n\n#### Medium-Severity Issues\n[Quality issues, WCAG AAA violations, performance concerns]\n\n#### Low-Severity Issues\n[Minor inconsistencies, optimization opportunities]\n\n### Patterns & Systemic Issues\n\nIdentify recurring problems:\n- \"Hard-coded colors appear in 15+ components, should use design tokens\"\n- \"Touch targets consistently too small (\u003C44px) throughout mobile experience\"\n- \"Missing focus indicators on all custom interactive components\"\n\n### Positive Findings\n\nNote what's working well:\n- Good practices to maintain\n- Exemplary implementations to replicate elsewhere\n\n### Recommendations by Priority\n\nCreate actionable plan:\n1. **Immediate**: Critical blockers to fix first\n2. **Short-term**: High-severity issues (this sprint)\n3. **Medium-term**: Quality improvements (next sprint)\n4. **Long-term**: Nice-to-haves and optimizations\n\n### Suggested Commands for Fixes\n\nMap issues to available commands. Prefer these: \u002Fanimate, \u002Fquieter, \u002Foptimize, \u002Fadapt, \u002Fclarify, \u002Fdistill, \u002Fdelight, \u002Fonboard, \u002Fnormalize, \u002Faudit, \u002Fharden, \u002Fpolish, \u002Fextract, \u002Fbolder, \u002Fcritique, \u002Fcolorize. You may also suggest other installed skills you're sure exist, but never invent commands.\n\nExamples:\n- \"Use `\u002Fnormalize` to align with design system (addresses N theming issues)\"\n- \"Use `\u002Foptimize` to improve performance (addresses N performance issues)\"\n- \"Use `\u002Fharden` to improve resilience (addresses N edge cases)\"\n\n**IMPORTANT**: Be thorough but actionable. Too many low-priority issues creates noise. Focus on what actually matters.\n\n**NEVER**:\n- Report issues without explaining impact (why does this matter?)\n- Mix severity levels inconsistently\n- Skip positive findings (celebrate what works)\n- Provide generic recommendations (be specific and actionable)\n- Forget to prioritize (everything can't be critical)\n- Report false positives without verification\n\nRemember: You're a quality auditor with exceptional attention to detail. Document systematically, prioritize ruthlessly, and provide clear paths to improvement. A good audit makes fixing easy.\n",{"name":5,"description":7,"argument-hint":24,"user-invocable":25,"disable-model-invocation":25},"[area]",true,"master","46a82833a3f7f6f5f408511246a55e0485c5f7ab","skills\u002Faudit",1,"https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills","https:\u002F\u002Fgithub.com\u002Fzuzu59","2026-09-30 17:58:42",{"source":8,"skillName":5,"commands":34,"prompt":44,"zipAvailable":25},[35,38,41],{"tool":36,"command":37},"npx","npx skills add zuzu59\u002Fz-skills --skill audit",{"tool":39,"command":40},"bunx","bunx skills add zuzu59\u002Fz-skills --skill audit",{"tool":42,"command":43},"pnpm","pnpm dlx skills add zuzu59\u002Fz-skills --skill audit","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Faudit\u002FSKILL.md",[46,52],{"path":47,"resourceType":48,"resourceTypeDesc":49,"sizeBytes":50,"sourceHtmlUrl":51},"agents\u002Fopenai.yaml","REFERENCE","参考文档",321,"https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Faudit\u002Fagents\u002Fopenai.yaml",{"path":53,"resourceType":54,"resourceTypeDesc":55,"sizeBytes":56,"sourceHtmlUrl":57},"assets\u002Fcodex-icon.svg","ASSET","资产文件",551,"https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Faudit\u002Fassets\u002Fcodex-icon.svg",[59,66,73,80,87,94],{"skillNo":60,"name":61,"nameZh":6,"description":62,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":63,"categories":64,"keywords":65,"publishedAt":19},"01M76SQGVSKRYNQX4AA4RXV3K0","writing-great-skills","Reference for writing and editing skills well — the vocabulary and principles that make a skill predictable.","https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Fwriting-great-skills\u002FSKILL.md",[],[],{"skillNo":67,"name":68,"nameZh":6,"description":69,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":70,"categories":71,"keywords":72,"publishedAt":19},"01M76SQDSAZSA1272D56JY8Q2G","use-style","Apply named visual style guides to landing pages, app shells, and UI. Use for $use-style, \u002Fuseskill, list styles, or styles like ios-app, grid, vercel, black-grid, stripe, linear, raycast, gumroad, dusk, or luma.","https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Fuse-style\u002FSKILL.md",[],[],{"skillNo":74,"name":75,"nameZh":6,"description":76,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":77,"categories":78,"keywords":79,"publishedAt":19},"01M76SQAXDVX02V4JH4PF1MC9G","use-goal","Use when the user asks to create, draft, set, start, or refine a Codex or Claude Code `\u002Fgoal` objective for persistent multi-turn work.","https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Fuse-goal\u002FSKILL.md",[],[],{"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},"01M76SQ8B11GTTGQ5CZHHGXFXM","use-fable","Orchestrator mode for Fable: Fable thinks, plans, and reviews while Codex CLI and subagents execute all heavy work. Use when the user invokes \u002Fuse-fable, says 'use fable', 'fable mode', 'orchestrator mode', or wants to save Fable tokens\u002Frate limits.","https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Fuse-fable\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},"01M76SQ4SB7Q4CXEGGPA75KGFK","use-delegate","Delegation mode: the host agent (Claude or Codex) plans and reviews while heavy work runs on cheap executors: OpenCode Kimi K3, Codex GPT-5.6 terra\u002Fsol. Use when the user invokes \u002Fuse-delegate, says 'use delegate', 'delegate mode', 'orchestrator mode', or wants to save tokens\u002Frate limits.","https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Fuse-delegate\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},"01M76SQ24836GDGMGGPV6Z2B7N","use-artifacts","Create Claude-style local HTML artifacts under ~\u002F.agents\u002Fartifacts. Use for plans, prototypes, visualizations, dashboards, diagrams, options, or substantial reusable content, with a portable local runtime and no Anthropic API.","https:\u002F\u002Fgithub.com\u002Fzuzu59\u002Fz-skills\u002Fblob\u002Fmaster\u002Fskills\u002Fuse-artifacts\u002FSKILL.md",[],[]]