[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81108":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":8,"htmlUrl":8,"language":9,"languages":8,"totalLinesOfCode":8,"stars":10,"forks":11,"watchers":10,"openIssues":12,"contributorsCount":12,"subscribersCount":12,"size":12,"stars1d":12,"stars7d":12,"stars30d":12,"stars90d":12,"forks30d":12,"starsTrendScore":12,"compositeScore":13,"rankGlobal":8,"rankLanguage":8,"license":14,"archived":15,"fork":15,"defaultBranch":16,"hasWiki":17,"hasPages":15,"topics":18,"createdAt":8,"pushedAt":8,"updatedAt":19,"readmeContent":20,"aiSummary":21,"trendingCount":12,"starSnapshotCount":12,"syncStatus":11,"lastSyncTime":22,"discoverSource":23},81108,"codex-design-audit-skill","Kappaemme-git\u002Fcodex-design-audit-skill","Kappaemme-git",null,"JavaScript",38,2,0,38.43,"MIT License",false,"main",true,[],"2026-06-12 04:01:32","# Codex Design Audit Skill\n\nA Codex skill for auditing website and frontend design quality.\n\nGive Codex a URL, screenshot, localhost app, or repository frontend and it returns a structured UX\u002FUI audit with scores, weak points, accessibility notes, frontend polish issues, prioritized fixes, and before\u002Fafter re-audits.\n\n## What It Does\n\n- Scores UX\u002FUI and frontend quality with a practical rubric\n- Finds weak design points and implementation risks\n- Checks responsive behavior, accessibility, copy clarity, trust signals, and polish\n- Supports preset-based audits for different product types\n- Compares before vs after changes with score deltas\n- Works in English and Italian\n\n## Presets\n\n- `auto`\n- `landing-page`\n- `saas-dashboard`\n- `portfolio`\n- `ecommerce`\n- `mobile-first`\n- `accessibility-heavy`\n- `general`\n\n## Installation\n\nInstall directly with `npx`:\n\n```bash\nnpx codex-design-audit-skill\n```\n\nThis installs the skill into:\n\n```bash\n~\u002F.codex\u002Fskills\u002Fdesign-audit\n```\n\nThen restart Codex so it can discover the skill.\n\nOr install the CLI globally:\n\n```bash\nnpm install -g codex-design-audit-skill\ncodex-design-audit-skill\n```\n\n## Manual Installation\n\nClone the repository:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FKappaemme-git\u002Fcodex-design-audit-skill.git\n```\n\nCopy the skill into your Codex skills directory:\n\n```bash\nmkdir -p ~\u002F.codex\u002Fskills\ncp -R codex-design-audit-skill\u002Fdesign-audit ~\u002F.codex\u002Fskills\u002Fdesign-audit\n```\n\nRestart Codex so it can discover the skill.\n\n## Usage\n\nAfter installation, restart Codex and call the skill by name in your prompt.\n\nBasic website audit:\n\n```text\nUse $design-audit to evaluate the design and frontend quality of https:\u002F\u002Fexample.com\n```\n\nAudit a local app:\n\n```text\nUse $design-audit to evaluate http:\u002F\u002Flocalhost:3000\n```\n\nAudit a repository frontend:\n\n```text\nUse $design-audit to evaluate the frontend in this repository.\n```\n\nUse screenshots when you want stronger visual judgment:\n\n```text\nUse $design-audit to evaluate these desktop and mobile screenshots.\n```\n\nItalian is supported:\n\n```text\nUsa $design-audit per valutare il design e il frontend di https:\u002F\u002Fexample.com\n```\n\n## Audit Presets\n\nThe skill can infer the right preset automatically. If the target is ambiguous, it will ask you to choose one.\n\nYou can also specify a preset directly:\n\n```text\nUse $design-audit with preset landing-page to evaluate https:\u002F\u002Fexample.com\n```\n\nPreset examples:\n\n```text\nUse $design-audit with preset saas-dashboard to evaluate http:\u002F\u002Flocalhost:3000\n```\n\n```text\nUse $design-audit with preset accessibility-heavy to audit this page.\n```\n\nUse `landing-page` for marketing sites, `saas-dashboard` for product dashboards, `portfolio` for personal or agency sites, `ecommerce` for stores, `mobile-first` for mobile-heavy experiences, and `accessibility-heavy` when accessibility is the main concern.\n\n## Re-Audit Workflow\n\nUse re-audit mode after you apply fixes. The skill compares the new version with the previous audit and reports score deltas.\n\n```text\nUse $design-audit to re-audit http:\u002F\u002Flocalhost:3000 and compare it with the previous audit.\n```\n\nExpected output includes:\n\n- Previous score vs current score\n- Per-category deltas\n- Fixed \u002F improved \u002F still open \u002F regressed issues\n- Remaining priorities\n- Next fix pass\n\n## Recommended Workflow\n\n1. Build or open your frontend.\n2. Run `$design-audit`.\n3. Apply the highest-impact fixes.\n4. Run a re-audit.\n5. Compare before vs after score deltas.\n\n## Notes\n\nScreenshots are recommended for stronger visual design judgment. Without screenshots or browser access, visual scoring is partially inferred from DOM, content, and available page data.\n\nFor best results, provide one of:\n\n- A live URL\n- A localhost URL\n- Desktop and mobile screenshots\n- A repository with a runnable frontend\n\nIf Codex can open the page in a browser, the audit can evaluate layout, responsive behavior, visual hierarchy, console errors, and interaction states more reliably.\n\n## Troubleshooting\n\nIf Codex does not recognize `$design-audit`, restart Codex after installing the skill.\n\nCheck that the skill exists here:\n\n```bash\nls ~\u002F.codex\u002Fskills\u002Fdesign-audit\n```\n\nYou should see:\n\n```text\nSKILL.md\nagents\u002F\nreferences\u002F\n```\n\n## License\n\nMIT\n","Codex Design Audit Skill 是一个用于评估网站和前端设计质量的工具。它能够根据提供的URL、屏幕截图、本地应用或前端代码库，生成包含评分、弱点、可访问性注释、前端优化问题以及优先级修复建议的结构化UX\u002FUI审计报告，并支持前后对比重新审计。该技能采用JavaScript编写，具有响应式行为检查、文案清晰度审查等功能，并支持多种预设以适应不同类型的产品需求，如着陆页、SaaS仪表板等。适用于需要提高其在线产品视觉及交互体验质量的开发者或设计师，在开发过程中进行持续的设计质量监控与改进。","2026-06-11 04:03:33","CREATED_QUERY"]