本文へ移動
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（原文）

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインしてレビューを書く

同じリポジトリのスキル

概要と使いどころ

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-beginners532026年10月8日 更新

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-beginners532026年10月8日 更新

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-beginners532026年10月8日 更新

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-beginners532026年10月8日 更新

github のスキルをすべて見る

このスキルの問題を報告する