본문으로 건너뛰기
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

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 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-beginners652026년 10월 20일 업데이트

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-beginners652026년 10월 20일 업데이트

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-beginners652026년 10월 20일 업데이트

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-beginners652026년 10월 20일 업데이트

github의 스킬 모두 보기

이 스킬의 문제 신고