跳到正文
cccskills
免费在 GitHub 公开

book-app-reviewer

Review changes in samples/book-app-web for accessibility, responsive layout, tests/build validation, and small beginner-safe changes.

中文简介正在准备中。当前显示原文说明。

github/copilot-app-for-beginners
查看安装方法

包含的文件（1）

  • SKILL.md1.3 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

Book App Reviewer

Use this skill to review changes in samples/book-app-web.

Review focus

  1. Confirm the app remains Vite, React, TypeScript, and Vitest only.
  2. Check that tests still pass with npm test -- --run.
  3. Check that the app builds with npm run build.
  4. Review accessibility for labels, region names, keyboard-friendly controls, and useful empty states.
  5. Review responsive behavior for the filter row, stats cards, and book card grid.
  6. Keep changes small enough for a beginner to understand in a course chapter.

Preferred feedback style

  • Explain what matters and why.
  • Avoid style-only comments unless they affect readability, accessibility, or the course goal.
  • Suggest the smallest safe fix.
  • If a scenario intentionally fails, confirm it is documented in samples/app-course-pr-scenarios.md or samples/app-course-issues.md.

Files usually in scope

  • samples/book-app-web/src/App.tsx
  • samples/book-app-web/src/components/*.tsx
  • samples/book-app-web/src/data/books.ts
  • samples/book-app-web/src/styles/app.css
  • samples/book-app-web/src/tests/*.tsx

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护，适用 Google 的隐私权政策和服务条款。

同一仓库的技能

check-screenshots-content

免费

Verify GitHub Copilot app screenshots match the course content. Use when running /check-screenshots-content, or when asked to confirm that app- prefixed screenshots in chapter assets folders are consistent with the README labels, button names, menu items, dialog options, and step-by-step instructions that reference them.

中文简介正在准备中。当前显示原文说明。

github/copilot-app-for-beginners632026年10月18日 更新

create-svg-image

免费

Wrap a raster image in an SVG and overlay a numbered red "step" circle for course screenshots. Use when running /create-svg-image, or when asked to add a numbered callout badge to an image (e.g. a red circle with a "1" pointing at a UI control) that must still render on a GitHub README.

中文简介正在准备中。当前显示原文说明。

github/copilot-app-for-beginners632026年10月18日 更新

github-copilot-app-automation

免费

Automate and research the GitHub Copilot app desktop experience. Use for driving Copilot App sessions, creating isolated app experiments, mapping app UI/accessibility controls, taking app screenshots, saving PNG captures, optimizing WebP images, testing prompts without submitting, using app/session APIs, canvases, automations, macOS Accessibility, AppleScript, and safe end-to-end Copilot App workflow probes.

中文简介正在准备中。当前显示原文说明。

github/copilot-app-for-beginners632026年10月18日 更新

overview-video

免费

Rebuild or update the course overview video (about 98 seconds) for this course in videos/overview. Use when running /overview-video, or when asked to refresh the course overview video, add a chapter or feature to it, retake its dark-mode app screenshots, change its copy or timing, add music, or render a new MP4.

中文简介正在准备中。当前显示原文说明。

github/copilot-app-for-beginners632026年10月18日 更新

查看 github 的全部技能

报告此技能的问题