{ "id": "design/design-reviewer", "industry": "design", "role": "design-reviewer", "updated_at": "2026-10-15T10:41:56Z", "goal": "Learn to design an interface that does not look templated: pick one style from UI Hub, follow design skills, build, and verify with four screenshots.", "permissions": "Mostly read-only. Figma/Canva MCP servers need tokens; skills are text you can read. Installing a skill writes files into the project; ask first.", "checklist": [ "One visual direction was picked from UI Hub, with 2-4 named reference previews and the reasons; rejected clusters are written down.", "A token sheet exists (4-6 colours with hex, type roles, radius scale, one card padding) before any CSS.", "Long links, repo paths and commands wrap (overflow-wrap:anywhere) and never overflow a card.", "All cards of a kind share the same padding and align their actions.", "Text and controls pass WCAG 2.2 AA contrast in light and dark; keyboard focus is visible.", "Motion uses transform/opacity only, has one orchestrated moment per page, and honours prefers-reduced-motion.", "Four screenshots were checked: desktop 1440 and mobile 390, each in light and dark.", "Lighthouse (or an equivalent audit) was run and every accessibility issue fixed." ], "case": { "url": "https://siinxu.github.io/agent-academy/cases/agent-academy-build/", "raw": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/content/cases/agent-academy-build.en.md" }, "steps": [ { "step": "1-enrol", "read": [ { "id": "uihub-ued-x-voxyz-prompt", "title": "「先出设计方案再写代码」Prompt(@Voxyz_ai)", "type": "tutorial", "industry": "design", "roles": [ "ui-designer" ], "summary": "受众/目标 → 4–6 个色 token → 字体 → ASCII 线框 → 1 个标志元素;完成后桌面 + 手机截图对照 DESIGN.md", "summary_lang": "zh-CN", "source_url": "https://x.com/i/status/2087178102505926740", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": null, "license": "see source (listed via UI Hub)", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "excerpt", "license": "UI Hub entry", "url": "https://siinxu.github.io/ui-resource-hub/", "record": {} }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": null, "repo_pushed_at": null }, "course_step": "1-enrol", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/uihub-ued-x-voxyz-prompt/", "source": "ui-hub" }, { "id": "uihub-ued-x-skills-security", "title": "10 个 UI Skills 实测 + 安全提醒(@Ryan95322865)", "type": "tutorial", "industry": "design", "roles": [ "ui-designer" ], "summary": "动效控制在 300ms 内;约三分之一 Skills 有安全问题,装前先读 SKILL.md", "summary_lang": "zh-CN", "source_url": "https://x.com/i/status/2077328569219604814", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": null, "license": "see source (listed via UI Hub)", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "excerpt", "license": "UI Hub entry", "url": "https://siinxu.github.io/ui-resource-hub/", "record": {} }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": null, "repo_pushed_at": null }, "course_step": "1-enrol", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/uihub-ued-x-skills-security/", "source": "ui-hub" }, { "id": "uihub-ued-x-designer-workflow", "title": "2026 产品设计师工作流(@dianne_alter)", "type": "tutorial", "industry": "design", "roles": [ "ui-designer" ], "summary": "产品上下文 → Mobbin + Paper / Claude Code 原型 → Figma 组件进 Storybook → Agent 审查", "summary_lang": "zh-CN", "source_url": "https://x.com/i/status/2088261777758851497", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": null, "license": "see source (listed via UI Hub)", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "excerpt", "license": "UI Hub entry", "url": "https://siinxu.github.io/ui-resource-hub/", "record": {} }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": null, "repo_pushed_at": null }, "course_step": "1-enrol", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/uihub-ued-x-designer-workflow/", "source": "ui-hub" }, { "id": "uihub-ued-8pt-grid", "title": "8pt Grid(spec.fm)", "type": "tutorial", "industry": "design", "roles": [ "ui-designer" ], "summary": "8 点栅格间距体系的经典讲解", "summary_lang": "zh-CN", "source_url": "https://spec.fm/specifics/8-pt-grid", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": null, "license": "see source (listed via UI Hub)", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "excerpt", "license": "UI Hub entry", "url": "https://siinxu.github.io/ui-resource-hub/", "record": {} }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": null, "repo_pushed_at": null }, "course_step": "1-enrol", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/uihub-ued-8pt-grid/", "source": "ui-hub" } ] }, { "step": "2-pick-direction", "read": [ { "id": "botsdots-critiquito-design-critique", "title": "Critiquito: Design Critique", "type": "template", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Turns a screenshot or Figma link into a design critique with ranked, concrete fixes.", "summary_lang": "en", "source_url": "https://botsdots.site/templates/critiquito-design-critique", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": "mamuso", "license": "template belongs to its creator (catalog CC0)", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "excerpt", "license": "CC0-1.0", "url": "https://botsdots.site/templates/critiquito-design-critique", "record": { "access": [ "publishing" ], "add": "https://x.ai/bot/NqdH9qGvrq-yWRaXhJGM-", "cadence": "on-demand", "catalog_sources": [ "kydlikebtc/awesome-grokbot", "majiayu000/awesome-grok-bot", "GrokBot HQ (CC BY 4.0)" ], "category": "content-publishing", "creator": "mamuso", "firstSeen": "2026-09-17", "integrations": [ "figma" ], "name": "Critiquito: Design Critique", "official": true, "page": "https://botsdots.site/templates/critiquito-design-critique", "risk": "high", "summary": "Turns a screenshot or Figma link into a design critique with ranked, concrete fixes." } }, "install": "https://x.ai/bot/NqdH9qGvrq-yWRaXhJGM-", "security": { "audited": false, "executes_code": false, "needs_credentials": true, "writes_external": true, "risk_label": "high", "integrations": [ "figma" ] }, "metrics": { "score": 16, "first_seen_catalog": "2026-09-17" }, "course_step": "2-pick-direction", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/botsdots-critiquito-design-critique/", "source": "botsdots" }, { "id": "botsdots-av-engineer", "title": "AV Engineer", "type": "template", "industry": "design", "roles": [ "design-reviewer" ], "summary": "A CTS-D level AV design reviewer and co-designer for AV integrators, consultants, and in-house AV teams. It checks quotes, scopes, and drawings.", "summary_lang": "en", "source_url": "https://botsdots.site/templates/av-engineer", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": "DwayneSmithAV", "license": "template belongs to its creator (catalog CC0)", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "excerpt", "license": "CC0-1.0", "url": "https://botsdots.site/templates/av-engineer", "record": { "access": [ "chat" ], "add": "https://x.ai/bot/ZNsaQzOsVBBe_8oGSoXAX", "cadence": "on-demand", "catalog_sources": [ "kydlikebtc/awesome-grokbot", "majiayu000/awesome-grok-bot", "cs68614-hash/awesome-grokbot-templates", "GrokBot HQ (CC BY 4.0)" ], "category": "content-publishing", "creator": "DwayneSmithAV", "firstSeen": "2026-10-15", "integrations": [], "name": "AV Engineer", "official": false, "page": "https://botsdots.site/templates/av-engineer", "risk": "medium", "summary": "A CTS-D level AV design reviewer and co-designer for AV integrators, consultants, and in-house AV teams. It checks quotes, scopes, and drawings." } }, "install": "https://x.ai/bot/ZNsaQzOsVBBe_8oGSoXAX", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false, "risk_label": "medium", "integrations": [] }, "metrics": { "score": 5, "first_seen_catalog": "2026-10-14" }, "course_step": "2-pick-direction", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/botsdots-av-engineer/", "source": "botsdots" }, { "id": "apple-hig", "title": "Apple Human Interface Guidelines", "type": "design-system", "industry": "design", "roles": [ "ui-designer", "design-system" ], "summary": "Apple's platform design guidance: foundations, patterns, components, inputs, technologies.", "summary_lang": "en", "source_url": "https://developer.apple.com/design/human-interface-guidelines", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": null, "license": "Apple terms; link only", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "link" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": {}, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/apple-hig/", "source": "seed" }, { "id": "material-3", "title": "Material Design 3", "type": "design-system", "industry": "design", "roles": [ "design-system-engineer", "design-system" ], "summary": "Google's open-source design system: foundations, styles (color, typography, motion), components.", "summary_lang": "en", "source_url": "https://m3.material.io/", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": null, "license": "Google site terms; link only", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "link" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": {}, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/material-3/", "source": "seed" } ] }, { "step": "3-learn-rules", "read": [ { "id": "pbakaus-impeccable-claude-skills-impeccable-skill-md", "title": "impeccable", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, ", "summary_lang": "en", "source_url": "https://github.com/pbakaus/impeccable/blob/main/.claude/skills/impeccable/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/originals/pbakaus-impeccable-claude-skills-impeccable-skill-md.md", "upstream_raw_url": "https://raw.githubusercontent.com/pbakaus/impeccable/main/.claude/skills/impeccable/SKILL.md", "repo": "pbakaus/impeccable", "author": "pbakaus", "license": "Apache-2.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "Apache-2.0", "url": "https://github.com/pbakaus/impeccable/blob/main/.claude/skills/impeccable/SKILL.md" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 81385, "repo_pushed_at": "2026-10-15" }, "course_step": "5-self-check", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/pbakaus-impeccable-claude-skills-impeccable-skill-md/", "source": "seed" }, { "id": "vercel-labs-agent-skills-skills-web-design-guidelines-skill-md", "title": "web-design-guidelines", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Review UI code for Web Interface Guidelines compliance. Use when asked to \"review my UI\", \"check accessibility\", \"audit design\", \"review UX\", or \"check my site against best practices\".", "summary_lang": "en", "source_url": "https://github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md", "raw_url": null, "upstream_raw_url": "https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/web-design-guidelines/SKILL.md", "repo": "vercel-labs/agent-skills", "author": "vercel-labs", "license": "NONE (no license file; GitHub API license=null)", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "link" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 32455, "repo_pushed_at": "2026-10-14" }, "course_step": "5-self-check", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/vercel-labs-agent-skills-skills-web-design-guidelines-skill-md/", "source": "seed" }, { "id": "wcag-22", "title": "WCAG 2.2 (W3C Recommendation)", "type": "standard", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Web Content Accessibility Guidelines 2.2: testable success criteria for accessible web content.", "summary_lang": "en", "source_url": "https://www.w3.org/TR/WCAG22/", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": null, "license": "W3C Document License; link + quote with attribution", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "link" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": {}, "course_step": "5-self-check", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wcag-22/", "source": "seed" }, { "id": "nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-styling", "title": "ui-styling", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and…", "summary_lang": "en", "source_url": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-styling/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-styling.md", "upstream_raw_url": "https://raw.githubusercontent.com/nextlevelbuilder/ui-ux-pro-max-skill/main/.claude/skills/ui-styling/SKILL.md", "repo": "nextlevelbuilder/ui-ux-pro-max-skill", "author": "nextlevelbuilder", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-styling/SKILL.md" }, "install": "npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-styling", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 136030, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-styling/", "source": "github" }, { "id": "nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-ux-pro-max", "title": "ui-ux-pro-max", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings,…", "summary_lang": "en", "source_url": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-ux-pro-max/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-ux-pro-max.md", "upstream_raw_url": "https://raw.githubusercontent.com/nextlevelbuilder/ui-ux-pro-max-skill/main/.claude/skills/ui-ux-pro-max/SKILL.md", "repo": "nextlevelbuilder/ui-ux-pro-max-skill", "author": "nextlevelbuilder", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-ux-pro-max/SKILL.md" }, "install": "npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 136030, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-ux-pro-max/", "source": "github" }, { "id": "emilkowalski-skills-skills-break-ui", "title": "break-ui", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long labels, non-Latin text, emoji, extreme numbers — then render it behind a \"Demo data / Worst case\" toggle and report everything that broke, with the fix for each. Use when the user asks to stress-test, break, or find edge cases in a component or screen, or to \"try…", "summary_lang": "en", "source_url": "https://github.com/emilkowalski/skills/blob/main/skills/break-ui/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/emilkowalski-skills-skills-break-ui.md", "upstream_raw_url": "https://raw.githubusercontent.com/emilkowalski/skills/main/skills/break-ui/SKILL.md", "repo": "emilkowalski/skills", "author": "emilkowalski", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/emilkowalski/skills/blob/main/skills/break-ui/SKILL.md" }, "install": "npx skills add emilkowalski/skills --skill break-ui", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 46365, "repo_pushed_at": "2026-10-11" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/emilkowalski-skills-skills-break-ui/", "source": "github" }, { "id": "wshobson-agents-plugins-ui-design-skills-accessibility-compliance", "title": "accessibility-compliance", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/skills/accessibility-compliance/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-ui-design-skills-accessibility-compliance.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/ui-design/skills/accessibility-compliance/SKILL.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/skills/accessibility-compliance/SKILL.md" }, "install": "npx skills add wshobson/agents --skill accessibility-compliance", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-ui-design-skills-accessibility-compliance/", "source": "github" }, { "id": "wshobson-agents-plugins-ui-design-agents-accessibility-expert", "title": "accessibility-expert", "type": "system-prompt", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Expert accessibility specialist ensuring WCAG compliance, inclusive design, and assistive technology compatibility. Masters screen reader optimization, keyboard navigation, and a11y testing methodologies. Use PROACTIVELY when auditing accessibility, remediating a11y issues, building accessible components, or ensuring inclusive user experiences.", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/agents/accessibility-expert.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-ui-design-agents-accessibility-expert.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/ui-design/agents/accessibility-expert.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/agents/accessibility-expert.md" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-ui-design-agents-accessibility-expert/", "source": "github" }, { "id": "wshobson-agents-plugins-accessibility-compliance-skills-screen-reader-testing", "title": "screen-reader-testing", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Test web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/screen-reader-testing/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-accessibility-compliance-skills-screen-reader-testing.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/accessibility-compliance/skills/screen-reader-testing/SKILL.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/screen-reader-testing/SKILL.md" }, "install": "npx skills add wshobson/agents --skill screen-reader-testing", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-accessibility-compliance-skills-screen-reader-testing/", "source": "github" }, { "id": "wshobson-agents-plugins-accessibility-compliance-skills-wcag-audit-patterns", "title": "wcag-audit-patterns", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-accessibility-compliance-skills-wcag-audit-patterns.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md" }, "install": "npx skills add wshobson/agents --skill wcag-audit-patterns", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-accessibility-compliance-skills-wcag-audit-patterns/", "source": "github" }, { "id": "anthropics-knowledge-work-plugins-design-skills-accessibility-review", "title": "accessibility-review", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with \"audit accessibility\", \"check a11y\", \"is this accessible?\", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.", "summary_lang": "en", "source_url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/accessibility-review/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/anthropics-knowledge-work-plugins-design-skills-accessibility-review.md", "upstream_raw_url": "https://raw.githubusercontent.com/anthropics/knowledge-work-plugins/main/design/skills/accessibility-review/SKILL.md", "repo": "anthropics/knowledge-work-plugins", "author": "anthropics", "license": "Apache-2.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "Apache-2.0", "url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/accessibility-review/SKILL.md" }, "install": "npx skills add anthropics/knowledge-work-plugins --skill accessibility-review", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 29734, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/anthropics-knowledge-work-plugins-design-skills-accessibility-review/", "source": "github" }, { "id": "anthropics-knowledge-work-plugins-design-skills-design-critique", "title": "design-critique", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Get structured design feedback on usability, hierarchy, and consistency. Trigger with \"review this design\", \"critique this mockup\", \"what do you think of this screen?\", or when sharing a Figma link or screenshot for feedback at any stage from exploration to final polish.", "summary_lang": "en", "source_url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/design-critique/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/anthropics-knowledge-work-plugins-design-skills-design-critique.md", "upstream_raw_url": "https://raw.githubusercontent.com/anthropics/knowledge-work-plugins/main/design/skills/design-critique/SKILL.md", "repo": "anthropics/knowledge-work-plugins", "author": "anthropics", "license": "Apache-2.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "Apache-2.0", "url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/design-critique/SKILL.md" }, "install": "npx skills add anthropics/knowledge-work-plugins --skill design-critique", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 29734, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/anthropics-knowledge-work-plugins-design-skills-design-critique/", "source": "github" }, { "id": "anthropics-knowledge-work-plugins-design-skills-ux-copy", "title": "ux-copy", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with \"write copy for\", \"what should this button say?\", \"review this error message\", or when naming a CTA, wording a confirmation dialog, filling an empty state, or writing onboarding text.", "summary_lang": "en", "source_url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/ux-copy/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/anthropics-knowledge-work-plugins-design-skills-ux-copy.md", "upstream_raw_url": "https://raw.githubusercontent.com/anthropics/knowledge-work-plugins/main/design/skills/ux-copy/SKILL.md", "repo": "anthropics/knowledge-work-plugins", "author": "anthropics", "license": "Apache-2.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "Apache-2.0", "url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/ux-copy/SKILL.md" }, "install": "npx skills add anthropics/knowledge-work-plugins --skill ux-copy", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 29734, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/anthropics-knowledge-work-plugins-design-skills-ux-copy/", "source": "github" }, { "id": "voltagent-awesome-claude-code-subagents-categories-04-quality-security-ui-ux-tester", "title": "ui-ux-tester", "type": "system-prompt", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Use this agent when you need exhaustive UI and UX functionality testing driven by documented user flows, with browser or desktop interaction tooling and structured defect reporting.", "summary_lang": "en", "source_url": "https://github.com/VoltAgent/awesome-claude-code-subagents/blob/main/categories/04-quality-security/ui-ux-tester.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/voltagent-awesome-claude-code-subagents-categories-04-quality-security-ui-ux-tester.md", "upstream_raw_url": "https://raw.githubusercontent.com/VoltAgent/awesome-claude-code-subagents/main/categories/04-quality-security/ui-ux-tester.md", "repo": "VoltAgent/awesome-claude-code-subagents", "author": "VoltAgent", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/VoltAgent/awesome-claude-code-subagents/blob/main/categories/04-quality-security/ui-ux-tester.md" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 25736, "repo_pushed_at": "2026-10-11" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/voltagent-awesome-claude-code-subagents-categories-04-quality-security-ui-ux-tester/", "source": "github" }, { "id": "prompts-chat-frontend-developer", "title": "Frontend Developer", "type": "system-prompt", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Act as an elite frontend development specialist with deep expertise in modern JavaScript frameworks, responsive design, and user interface implementation. Your role encompasses designing reusable components, optimizing performance, and ensuring accessibility.", "summary_lang": "en", "source_url": "https://prompts.chat/prompts/cmkb4dsp20009l404yrtmh4a4_frontend-developer", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/prompts-chat-frontend-developer.md", "upstream_raw_url": null, "repo": null, "author": "ersinyilmaz", "license": "CC0-1.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "CC0-1.0", "url": "https://prompts.chat/prompts/cmkb4dsp20009l404yrtmh4a4_frontend-developer" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "votes": 4, "created_at": "2026-01-12" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/prompts-chat-frontend-developer/", "source": "prompts.chat" }, { "id": "prompts-chat-frontend-developer-skill", "title": "Frontend Developer Skill", "type": "system-prompt", "industry": "design", "roles": [ "design-reviewer" ], "summary": "This prompt is designed for an elite frontend development specialist. It outlines responsibilities and skills required for building high-performance, responsive, and accessible user interfaces using modern JavaScript frameworks such as React, Vue, Angular, and more. The prompt includes detailed guidelines for component architecture, responsive design, performance optimization, state management, and UI/UX…", "summary_lang": "en", "source_url": "https://prompts.chat/prompts/cmjhdytu00001jm04yooccuhl_frontend-developer-skill", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/prompts-chat-frontend-developer-skill.md", "upstream_raw_url": null, "repo": null, "author": "ilker", "license": "CC0-1.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "CC0-1.0", "url": "https://prompts.chat/prompts/cmjhdytu00001jm04yooccuhl_frontend-developer-skill" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "votes": 4, "created_at": "2025-12-22" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/prompts-chat-frontend-developer-skill/", "source": "prompts.chat" }, { "id": "prompts-chat-architecture-uiux-audit", "title": "Architecture & UI/UX Audit", "type": "system-prompt", "industry": "design", "roles": [ "design-reviewer" ], "summary": "It asks an AI to assume the persona of a Senior Frontend Engineer & Product Reviewer to perform a high-level critique of a Next.js (App Router) project. Instead of writing code, the prompt focuses on evaluating the architecture (folder structure, scalability), UI/UX (hierarchy, consistency), and design system (component reuse) of a developer community platform to identify anti-patterns and suggest high-impact…", "summary_lang": "en", "source_url": "https://prompts.chat/prompts/cmnae3hr70001jl044hvyilyj_architecture-uiux-audit", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/prompts-chat-architecture-uiux-audit.md", "upstream_raw_url": null, "repo": null, "author": "surendharnadh280709", "license": "CC0-1.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "CC0-1.0", "url": "https://prompts.chat/prompts/cmnae3hr70001jl044hvyilyj_architecture-uiux-audit" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "votes": 3, "created_at": "2026-03-28" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/prompts-chat-architecture-uiux-audit/", "source": "prompts.chat" } ] }, { "step": "4-do-it", "read": [ { "id": "wshobson-agents-plugins-accessibility-compliance-commands-accessibility-audit", "title": "accessibility-compliance", "type": "workflow", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Audit web accessibility for WCAG compliance with automated axe-core tests, keyboard and screen reader checks, and remediation guidance", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/commands/accessibility-audit.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-accessibility-compliance-commands-accessibility-audit.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/accessibility-compliance/commands/accessibility-audit.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/commands/accessibility-audit.md" }, "install": null, "security": { "audited": false, "executes_code": true, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "4-do-it", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-accessibility-compliance-commands-accessibility-audit/", "source": "github" }, { "id": "wshobson-agents-plugins-ui-design-commands-accessibility-audit", "title": "ui-design", "type": "workflow", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Audit UI code for WCAG compliance", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/commands/accessibility-audit.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-ui-design-commands-accessibility-audit.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/ui-design/commands/accessibility-audit.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/commands/accessibility-audit.md" }, "install": null, "security": { "audited": false, "executes_code": true, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "4-do-it", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-ui-design-commands-accessibility-audit/", "source": "github" }, { "id": "wshobson-agents-plugins-ui-design-commands-design-review", "title": "ui-design", "type": "workflow", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Review existing UI for issues and improvements", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/commands/design-review.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-ui-design-commands-design-review.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/ui-design/commands/design-review.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/commands/design-review.md" }, "install": null, "security": { "audited": false, "executes_code": true, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "4-do-it", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-ui-design-commands-design-review/", "source": "github" }, { "id": "mcp-io-github-curlymolelabs-supericons", "title": "Supericons", "type": "mcp", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Multilingual semantic SVG icon search with previews for AI coding agents. 20,000+ icons.", "summary_lang": "en", "source_url": "https://github.com/curlymolelabs/supericons", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/originals/mcp-io-github-curlymolelabs-supericons.md", "upstream_raw_url": null, "repo": "curlymolelabs/supericons", "author": "io.github.curlymolelabs", "license": "MIT", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/curlymolelabs/supericons/blob/HEAD/README.md", "record": { "description": "Multilingual semantic SVG icon search with previews for AI coding agents. 20,000+ icons.", "name": "io.github.curlymolelabs/supericons", "packages": [ { "env": [], "id": "@supericons/mcp", "transport": "stdio", "type": "npm", "version": "0.4.22" } ], "remotes": [ { "headers": [], "type": "streamable-http", "url": "https://mcp.supericons.dev/mcp" } ], "repository": "https://github.com/curlymolelabs/supericons", "title": "Supericons", "version": "0.4.22", "website": null } }, "install": "npx -y @supericons/mcp", "security": { "audited": false, "executes_code": true, "needs_credentials": true, "writes_external": false, "credential_names": [] }, "metrics": { "repo_stars": 1, "repo_pushed_at": "2026-08-04", "registry_updated_at": "2026-07-27" }, "course_step": "4-do-it", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/mcp-io-github-curlymolelabs-supericons/", "source": "mcp-registry" } ] }, { "step": "5-self-check", "read": [ { "id": "pbakaus-impeccable-claude-skills-impeccable-skill-md", "title": "impeccable", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, ", "summary_lang": "en", "source_url": "https://github.com/pbakaus/impeccable/blob/main/.claude/skills/impeccable/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/originals/pbakaus-impeccable-claude-skills-impeccable-skill-md.md", "upstream_raw_url": "https://raw.githubusercontent.com/pbakaus/impeccable/main/.claude/skills/impeccable/SKILL.md", "repo": "pbakaus/impeccable", "author": "pbakaus", "license": "Apache-2.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "Apache-2.0", "url": "https://github.com/pbakaus/impeccable/blob/main/.claude/skills/impeccable/SKILL.md" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 81385, "repo_pushed_at": "2026-10-15" }, "course_step": "5-self-check", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/pbakaus-impeccable-claude-skills-impeccable-skill-md/", "source": "seed" }, { "id": "vercel-labs-agent-skills-skills-web-design-guidelines-skill-md", "title": "web-design-guidelines", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Review UI code for Web Interface Guidelines compliance. Use when asked to \"review my UI\", \"check accessibility\", \"audit design\", \"review UX\", or \"check my site against best practices\".", "summary_lang": "en", "source_url": "https://github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md", "raw_url": null, "upstream_raw_url": "https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/web-design-guidelines/SKILL.md", "repo": "vercel-labs/agent-skills", "author": "vercel-labs", "license": "NONE (no license file; GitHub API license=null)", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "link" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 32455, "repo_pushed_at": "2026-10-14" }, "course_step": "5-self-check", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/vercel-labs-agent-skills-skills-web-design-guidelines-skill-md/", "source": "seed" }, { "id": "wcag-22", "title": "WCAG 2.2 (W3C Recommendation)", "type": "standard", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Web Content Accessibility Guidelines 2.2: testable success criteria for accessible web content.", "summary_lang": "en", "source_url": "https://www.w3.org/TR/WCAG22/", "raw_url": null, "upstream_raw_url": null, "repo": null, "author": null, "license": "W3C Document License; link + quote with attribution", "redistributable": false, "content_policy": "link-and-summary-only", "original": { "kind": "link" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": {}, "course_step": "5-self-check", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wcag-22/", "source": "seed" }, { "id": "nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-styling", "title": "ui-styling", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and…", "summary_lang": "en", "source_url": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-styling/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-styling.md", "upstream_raw_url": "https://raw.githubusercontent.com/nextlevelbuilder/ui-ux-pro-max-skill/main/.claude/skills/ui-styling/SKILL.md", "repo": "nextlevelbuilder/ui-ux-pro-max-skill", "author": "nextlevelbuilder", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-styling/SKILL.md" }, "install": "npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-styling", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 136030, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-styling/", "source": "github" }, { "id": "nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-ux-pro-max", "title": "ui-ux-pro-max", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings,…", "summary_lang": "en", "source_url": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-ux-pro-max/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-ux-pro-max.md", "upstream_raw_url": "https://raw.githubusercontent.com/nextlevelbuilder/ui-ux-pro-max-skill/main/.claude/skills/ui-ux-pro-max/SKILL.md", "repo": "nextlevelbuilder/ui-ux-pro-max-skill", "author": "nextlevelbuilder", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-ux-pro-max/SKILL.md" }, "install": "npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 136030, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/nextlevelbuilder-ui-ux-pro-max-skill-claude-skills-ui-ux-pro-max/", "source": "github" }, { "id": "emilkowalski-skills-skills-break-ui", "title": "break-ui", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long labels, non-Latin text, emoji, extreme numbers — then render it behind a \"Demo data / Worst case\" toggle and report everything that broke, with the fix for each. Use when the user asks to stress-test, break, or find edge cases in a component or screen, or to \"try…", "summary_lang": "en", "source_url": "https://github.com/emilkowalski/skills/blob/main/skills/break-ui/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/emilkowalski-skills-skills-break-ui.md", "upstream_raw_url": "https://raw.githubusercontent.com/emilkowalski/skills/main/skills/break-ui/SKILL.md", "repo": "emilkowalski/skills", "author": "emilkowalski", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/emilkowalski/skills/blob/main/skills/break-ui/SKILL.md" }, "install": "npx skills add emilkowalski/skills --skill break-ui", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 46365, "repo_pushed_at": "2026-10-11" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/emilkowalski-skills-skills-break-ui/", "source": "github" }, { "id": "wshobson-agents-plugins-ui-design-skills-accessibility-compliance", "title": "accessibility-compliance", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/skills/accessibility-compliance/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-ui-design-skills-accessibility-compliance.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/ui-design/skills/accessibility-compliance/SKILL.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/skills/accessibility-compliance/SKILL.md" }, "install": "npx skills add wshobson/agents --skill accessibility-compliance", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-ui-design-skills-accessibility-compliance/", "source": "github" }, { "id": "wshobson-agents-plugins-ui-design-agents-accessibility-expert", "title": "accessibility-expert", "type": "system-prompt", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Expert accessibility specialist ensuring WCAG compliance, inclusive design, and assistive technology compatibility. Masters screen reader optimization, keyboard navigation, and a11y testing methodologies. Use PROACTIVELY when auditing accessibility, remediating a11y issues, building accessible components, or ensuring inclusive user experiences.", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/agents/accessibility-expert.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-ui-design-agents-accessibility-expert.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/ui-design/agents/accessibility-expert.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/ui-design/agents/accessibility-expert.md" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-ui-design-agents-accessibility-expert/", "source": "github" }, { "id": "wshobson-agents-plugins-accessibility-compliance-skills-screen-reader-testing", "title": "screen-reader-testing", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Test web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/screen-reader-testing/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-accessibility-compliance-skills-screen-reader-testing.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/accessibility-compliance/skills/screen-reader-testing/SKILL.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/screen-reader-testing/SKILL.md" }, "install": "npx skills add wshobson/agents --skill screen-reader-testing", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-accessibility-compliance-skills-screen-reader-testing/", "source": "github" }, { "id": "wshobson-agents-plugins-accessibility-compliance-skills-wcag-audit-patterns", "title": "wcag-audit-patterns", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.", "summary_lang": "en", "source_url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/wshobson-agents-plugins-accessibility-compliance-skills-wcag-audit-patterns.md", "upstream_raw_url": "https://raw.githubusercontent.com/wshobson/agents/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md", "repo": "wshobson/agents", "author": "wshobson", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md" }, "install": "npx skills add wshobson/agents --skill wcag-audit-patterns", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 40824, "repo_pushed_at": "2026-10-14" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/wshobson-agents-plugins-accessibility-compliance-skills-wcag-audit-patterns/", "source": "github" }, { "id": "anthropics-knowledge-work-plugins-design-skills-accessibility-review", "title": "accessibility-review", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with \"audit accessibility\", \"check a11y\", \"is this accessible?\", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.", "summary_lang": "en", "source_url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/accessibility-review/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/anthropics-knowledge-work-plugins-design-skills-accessibility-review.md", "upstream_raw_url": "https://raw.githubusercontent.com/anthropics/knowledge-work-plugins/main/design/skills/accessibility-review/SKILL.md", "repo": "anthropics/knowledge-work-plugins", "author": "anthropics", "license": "Apache-2.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "Apache-2.0", "url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/accessibility-review/SKILL.md" }, "install": "npx skills add anthropics/knowledge-work-plugins --skill accessibility-review", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 29734, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/anthropics-knowledge-work-plugins-design-skills-accessibility-review/", "source": "github" }, { "id": "anthropics-knowledge-work-plugins-design-skills-design-critique", "title": "design-critique", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Get structured design feedback on usability, hierarchy, and consistency. Trigger with \"review this design\", \"critique this mockup\", \"what do you think of this screen?\", or when sharing a Figma link or screenshot for feedback at any stage from exploration to final polish.", "summary_lang": "en", "source_url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/design-critique/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/anthropics-knowledge-work-plugins-design-skills-design-critique.md", "upstream_raw_url": "https://raw.githubusercontent.com/anthropics/knowledge-work-plugins/main/design/skills/design-critique/SKILL.md", "repo": "anthropics/knowledge-work-plugins", "author": "anthropics", "license": "Apache-2.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "Apache-2.0", "url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/design-critique/SKILL.md" }, "install": "npx skills add anthropics/knowledge-work-plugins --skill design-critique", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 29734, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/anthropics-knowledge-work-plugins-design-skills-design-critique/", "source": "github" }, { "id": "anthropics-knowledge-work-plugins-design-skills-ux-copy", "title": "ux-copy", "type": "skill", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with \"write copy for\", \"what should this button say?\", \"review this error message\", or when naming a CTA, wording a confirmation dialog, filling an empty state, or writing onboarding text.", "summary_lang": "en", "source_url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/ux-copy/SKILL.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/anthropics-knowledge-work-plugins-design-skills-ux-copy.md", "upstream_raw_url": "https://raw.githubusercontent.com/anthropics/knowledge-work-plugins/main/design/skills/ux-copy/SKILL.md", "repo": "anthropics/knowledge-work-plugins", "author": "anthropics", "license": "Apache-2.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "Apache-2.0", "url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/ux-copy/SKILL.md" }, "install": "npx skills add anthropics/knowledge-work-plugins --skill ux-copy", "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 29734, "repo_pushed_at": "2026-10-15" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/anthropics-knowledge-work-plugins-design-skills-ux-copy/", "source": "github" }, { "id": "voltagent-awesome-claude-code-subagents-categories-04-quality-security-ui-ux-tester", "title": "ui-ux-tester", "type": "system-prompt", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Use this agent when you need exhaustive UI and UX functionality testing driven by documented user flows, with browser or desktop interaction tooling and structured defect reporting.", "summary_lang": "en", "source_url": "https://github.com/VoltAgent/awesome-claude-code-subagents/blob/main/categories/04-quality-security/ui-ux-tester.md", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/voltagent-awesome-claude-code-subagents-categories-04-quality-security-ui-ux-tester.md", "upstream_raw_url": "https://raw.githubusercontent.com/VoltAgent/awesome-claude-code-subagents/main/categories/04-quality-security/ui-ux-tester.md", "repo": "VoltAgent/awesome-claude-code-subagents", "author": "VoltAgent", "license": "MIT", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "MIT", "url": "https://github.com/VoltAgent/awesome-claude-code-subagents/blob/main/categories/04-quality-security/ui-ux-tester.md" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "repo_stars": 25736, "repo_pushed_at": "2026-10-11" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/voltagent-awesome-claude-code-subagents-categories-04-quality-security-ui-ux-tester/", "source": "github" }, { "id": "prompts-chat-frontend-developer", "title": "Frontend Developer", "type": "system-prompt", "industry": "design", "roles": [ "design-reviewer" ], "summary": "Act as an elite frontend development specialist with deep expertise in modern JavaScript frameworks, responsive design, and user interface implementation. Your role encompasses designing reusable components, optimizing performance, and ensuring accessibility.", "summary_lang": "en", "source_url": "https://prompts.chat/prompts/cmkb4dsp20009l404yrtmh4a4_frontend-developer", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/prompts-chat-frontend-developer.md", "upstream_raw_url": null, "repo": null, "author": "ersinyilmaz", "license": "CC0-1.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "CC0-1.0", "url": "https://prompts.chat/prompts/cmkb4dsp20009l404yrtmh4a4_frontend-developer" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "votes": 4, "created_at": "2026-01-12" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/prompts-chat-frontend-developer/", "source": "prompts.chat" }, { "id": "prompts-chat-frontend-developer-skill", "title": "Frontend Developer Skill", "type": "system-prompt", "industry": "design", "roles": [ "design-reviewer" ], "summary": "This prompt is designed for an elite frontend development specialist. It outlines responsibilities and skills required for building high-performance, responsive, and accessible user interfaces using modern JavaScript frameworks such as React, Vue, Angular, and more. The prompt includes detailed guidelines for component architecture, responsive design, performance optimization, state management, and UI/UX…", "summary_lang": "en", "source_url": "https://prompts.chat/prompts/cmjhdytu00001jm04yooccuhl_frontend-developer-skill", "raw_url": "https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/prompts-chat-frontend-developer-skill.md", "upstream_raw_url": null, "repo": null, "author": "ilker", "license": "CC0-1.0", "redistributable": true, "content_policy": "mirror-with-attribution", "original": { "kind": "full", "license": "CC0-1.0", "url": "https://prompts.chat/prompts/cmjhdytu00001jm04yooccuhl_frontend-developer-skill" }, "install": null, "security": { "audited": false, "executes_code": false, "needs_credentials": false, "writes_external": false }, "metrics": { "votes": 4, "created_at": "2025-12-22" }, "course_step": "3-learn-rules", "status": "active", "first_seen": "2026-10-15T10:15:30Z", "updated_at": "2026-10-15T10:15:30Z", "checked_at": "2026-10-15T10:15:30Z", "http_status": { "source": 200 }, "page": "https://siinxu.github.io/agent-academy/r/prompts-chat-frontend-developer-skill/", "source": "prompts.chat" } ] } ] }