docs: README 첫 화면과 프로젝트 설명 개선

[Todari]

변경 사항

• README 첫 화면에 실제 데모 OG 이미지 추가
• real DOM·기존 CSS·No Canvas·SSR·반응형 업데이트·core 패키지 차별점 정리
• Markdown 전체 포맷 정리
• GitHub 설명·홈페이지·topics 갱신

검증

• pnpm exec prettier --check README.md
• pnpm --filter @react-pixel-ui/demo type-check
• pnpm --filter @react-pixel-ui/demo build
• 데모·OG 이미지·npm·GitHub 링크 응답 확인

Summary by CodeRabbit

• 문서
  • React Pixel UI 소개 이미지와 주요 기능 설명을 추가했습니다.
  • Quick Start, API, 레시피, Next.js 및 한국어 예제를 일관된 형식으로 정리했습니다.
  • <PixelButton> 사용법, 지원 CSS 값, 브라우저 호환성 정보를 문서화했습니다.
  • usePixelRef의 부모 필터·그림자 동작과 동적 조상 선택자 제한 사항을 보완했습니다.
  • Markdown 표와 코드 블록의 가독성을 개선했습니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
react-pixel-ui	Ready	Preview	Aug 3, 2026 12:43am

[cursor]

Bugbot is not enabled for your account, so this pull request was not reviewed.

Enable Bugbot in the Cursor dashboard to get automatic reviews on future PRs.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 42972f6e-7521-427d-a55e-cc8c9b50d89c

📥 Commits

Reviewing files that changed from the base of the PR and between 49c0134 and ba4901e.

📒 Files selected for processing (1)

• README.md

---

Walkthrough

README.md에 React Pixel UI 소개, API 설명, PixelButton 문서, 사용 예제, 브라우저 호환성 정보가 추가되었습니다. JSX/TSX 예제와 Markdown 형식도 일관되게 정리되었습니다.

Changes

README 문서 업데이트

Layer / File(s)	Summary
소개 및 시작 예제 README.md	React Pixel UI의 주요 특징과 Quick Start 예제를 추가했습니다. Pixel 속성 및 지원 CSS 속성 표를 정리했습니다.
API 및 PixelButton 문서 README.md	usePixelRef, PixelConfigProvider, PixelBox, PixelButton의 속성, 예제, 동작 방식을 문서화했습니다.
사용 사례 및 호환성 문서 README.md	픽셀 크기, 모서리, 색상, 그라디언트, Next.js, TypeScript, 한국어 예제와 브라우저 호환성 정보를 정리했습니다.

Estimated code review effort: 1 (Trivial) | ~5분

Possibly related PRs

• Todari/react-pixel-ui#8: PixelButton과 usePixelRef 동작을 설명하는 README 변경과 직접 관련됩니다.

Poem

토끼가 README를 펼쳐 보니
픽셀 버튼 설명이 반짝이네.
큰따옴표 줄을 맞춰 달리고,
예제마다 모양을 갖추었네.
깡충, 문서가 더 선명해졌네!

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	README 첫 화면과 프로젝트 설명을 개선하는 변경 내용을 명확하게 요약한 제목입니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch docs/project-discovery

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}