본문으로 건너뛰기
cccskills
무료GitHub에 공개한국어 소개

review-storybook

Paperclip 화면 변경을 Storybook, 운영용 소스, 기존 브라우저 테스트로 확인합니다. 렌더링, 조작, 시각적 비교, 운영 환경 검증 결과를 나누어 보고합니다.

원문원문 설명 보기

Review Paperclip stories for a feature or change using the Storybook catalog, production source, and existing browser tests. Report component, mock, interaction, and visual evidence separately.

실행 점수 미검증

설치 방법 보기

이럴 때 유용합니다

  • 기능 변경 후 화면 구성 요소 확인
  • 오류·권한·모바일 화면 확인
  • Storybook 안내와 링크 확인
  • 육안 확인과 기준 이미지 비교 구분

한국어 소개

할 수 있는 일

구성 요소의 표시 예시를 모은 Storybook, 운영용 소스, 기존 브라우저 테스트로 Paperclip 화면 변경을 확인합니다. 정상 조작뿐 아니라 실패와 재시도, 권한별 표시, 영향을 받는 모바일 화면과 테마도 선택해 검증합니다. 렌더링, 조작, 시각적 비교, 운영 환경 인수 확인을 구분하고 통과·실패·실행 불가·미실행으로 보고합니다.

이럴 때 유용합니다

기능 변경 후 화면 상태를 점검하거나 모의 데이터로 확인한 범위를 명확히 할 때 적합합니다. Storybook 안내나 사이드바 변경에서는 항목 순서, 관련 예시로의 이동, 기존 링크 유지도 확인합니다.

사용 예시

  • “이번 변경의 정상 조작과 실패 화면을 Storybook에서 확인해 주세요.”
  • “사이드바 순서와 기존 링크가 유지되는지 확인해 주세요.”
  • “육안 확인과 자동 비교의 증거를 나누어 보고해 주세요.”

주의 사항

관련 카탈로그, 운영용 소스, Storybook 빌드나 개발 서버를 사용할 환경이 필요합니다. 조작 테스트는 play 검증 완료와 결과를 확인하며, 이미지만으로 통과 처리하지 않습니다. 시각적 차이 검증에는 외부 기준 이미지와 고정된 Linux 환경을 사용합니다. macOS 이미지는 관찰용입니다. 실제 저장·인가·외부 서비스 연동을 입증하려면 운영 환경 검증 스킬이 필요합니다.

이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.

문서 점검

AI가 SKILL.md의 내용에서 주의가 필요한 작업과 도입 전제를 확인했습니다. 점수는 실제로 실행한 결과(실행 검증)만으로 매깁니다.

안전성전송·삭제·명령 실행 등을 명시하고 있는가
A양호실제 서비스 조작과 기준 이미지 갱신을 금지하고 직접 시작한 서버만 종료하도록 명시합니다.
도입의 용이성필요한 도구나 API 키가 적고 적혀 있는가
B일부 부족빌드 명령은 있지만 외부 기준 이미지와 고정된 Linux 환경의 설치 절차는 없습니다.

점수에는 넣지 않았습니다. 2026년 10월 20일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.

평가가 다르다고 생각되면 재검토를 요청하기

어느 항목이 왜 다르다고 생각하는지 적어 주세요. 로그인은 필요 없습니다. SKILL.md와 대조해 평가를 다시 만들고 이곳에 반영합니다.

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

포함된 파일(2)

  • SKILL.md3.3 KB
  • agents/openai.yaml117 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Review Storybook

Read the catalog contract and find the requested capability in its generated index. Check the relevant feature recipe, production subject, and story before driving it. Catalog status is prior review context, not proof of the current revision. This skill consumes the maps/catalog; corrections belong to maintain-storybook or maintain-verification-skill.

Choose discriminating states for the requested change: the normal action and result, relevant failure/retry, gate/permission presentation, and mobile/theme variants where affected. Record chosen files/exports and omitted scope. For a full source review, account for every file; do not describe sampling as full render or interaction coverage.

When reviewing navigation/index changes, compare the guide and sidebar with the full ordered index generated from feature recipes' navigation metadata. Open a feature without examples and a feature whose related suite lives elsewhere; check capability order, gap messages, classifications, recipe links, and actual suite navigation. Compare built entry IDs before/after so existing links survive. Generated Overview pages do not establish new example coverage.

Use the existing Storybook commands: pnpm build-storybook, or an owned Storybook dev server on an available local port. Use the built ui/storybook-static/index.json for actual story IDs and links. Do not trust an unrelated server on the default port. Keep the process handle and stop only the server this review started, retaining useful evidence.

Inspect the real rendered subject, including errors and browser console output. For interactive stories, wait for their play assertions to complete and inspect the observable result. A screenshot alone does not prove play passed. Verify fixture isolation by revisiting/resetting relevant stories when they mutate fetch handlers, storage, query caches, time, or module state. Avoid real provider actions; explicitly document any live dependency required by a story.

The existing visual suite is tests/storybook-visual/storybook-visual.spec.ts. It uses external baselines and a pinned Linux environment. Inspect baseline-manifest.json before claiming visual regression proof. An unpublished manifest blocks comparisons; a macOS capture is useful inspection, not the Linux baseline. Do not update/publish baselines just to make a review pass. Use existing focused browser suites where they cover the requested scenario, and the production verification skill when the question requires backend persistence, real authorization, or provider proof.

Report each selected case as passed, failed, blocked, or not run, naming revision, story ID, environment, production versus prototype subject, simulated boundaries, action/assertion and observed result. Separate render, interaction, visual comparison, and production acceptance evidence. Report proven drift with exact source references and a proposed correction; do not lower expectations, remove failing cases, or silently bless historical behavior as current.

리뷰

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

댓글

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

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

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

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

add-product-e2e-eval

무료요약 있음

Paperclip에서 실제 브라우저부터 서버, 데이터베이스, runner까지 검증하는 E2E 평가를 추가·확장합니다. 테스트 데이터와 판정 조건, 증거를 기존 보고서에 연결합니다.

  • 전체 사용자 작업 흐름의 평가 추가
  • 테스트 데이터와 판정 조건 갱신
  • 평가 보고서에 스크린샷과 산출물 추가
paperclipai/paperclip10.7만2026년 10월 24일 업데이트

add-runner-eval

무료요약 있음

Paperclip Runner의 동작 평가에 판정 조건, 실행 대상, 보고서 검증 데이터를 추가하고 증거와 실행 이력을 남겨 검증합니다.

  • Runner 동작 평가를 추가합니다
  • 정상 및 잘못된 증거로 판정을 검증합니다
  • 실행 대상 목록과 지속 평가를 갱신합니다
paperclipai/paperclip10.7만2026년 10월 24일 업데이트

agent-browser

무료요약 있음

실제 브라우저로 웹페이지와 앱을 조작하며 화면과 동작을 검증합니다. 스크린샷, 간단한 양식 입력, 오류 및 통신 기록으로 문제 재현과 결과 확인을 돕습니다.

  • UI 변경 후 화면을 확인합니다
  • JavaScript로 렌더링된 내용을 읽습니다
  • 화면 문제와 오류를 재현합니다
paperclipai/paperclip10.7만2026년 10월 24일 업데이트

agentmail

무료요약 있음

Paperclip에서 할당받은 AgentMail 수신함으로 작업에 연결된 메일을 확인하고, 새 메일 전송과 답장, 전송 결과 확인까지 수행합니다.

  • 담당 작업에 연결된 메일을 확인합니다
  • 할당된 수신함에서 새 메일을 보냅니다
  • 대화의 특정 메시지에 답장합니다
paperclipai/paperclip10.7만2026년 10월 24일 업데이트

check-pr

무료요약 있음

GitHub, GitLab, Perforce 변경의 검토 의견, 자동 검사 실패와 설명 누락을 확인하고, 할 일을 정리하며 요청에 따라 수정과 처리된 스레드 해결을 지원합니다.

  • 변경 사항을 제출하기 전에 점검합니다
  • 실패한 검사와 수정할 항목을 확인합니다
  • 사람과 봇의 검토 의견을 정리합니다
paperclipai/paperclip10.7만2026년 10월 24일 업데이트

company-creator

무료요약 있음

구상이나 기존 저장소를 바탕으로 AI 에이전트의 역할, 보고 체계, 작업 인계를 정리하고 규격에 맞는 회사 또는 팀 패키지를 만듭니다.

  • 구상에서 에이전트 회사를 만듭니다
  • 저장소를 팀 구성으로 정리합니다
  • 역할 분담과 작업 인계를 설계합니다
paperclipai/paperclip10.7만2026년 10월 24일 업데이트

paperclipai의 스킬 모두 보기

이 스킬의 문제 신고