Community코딩 & 개발github.com

lyxsdw123123/react-bits-portfolio

React Bits (https://reactbits.dev) 애니메이션 컴포넌트 라이브러리를 기반으로 한 개인 포트폴리오/이력서 템플릿입니다. 130개 이상의 애니메이션 컴포넌트로 구동되는 세련된 단일 페이지 웹사이트로, 바로 사용 가능하며 데이터 파일만 수정하면 개인 홈페이지를 만들 수 있습니다. .claude/skills/react-bits는 React Bits 컴포넌트 재사용을 쉽게 해주는 사전 패키징된 스킬 키트입니다.

react-bits-portfolio란 무엇인가요?

이 스킬은 React Bits 애니메이션 라이브러리를 기반으로 구축된 개인 포트폴리오/이력서 웹사이트 템플릿입니다. 130개가 넘는 다양한 애니메이션 컴포넌트(예: 입자 배경, 텍스트 애니메이션, 3D 효과 등)를 활용하여 단일 페이지로 구성된 시각적으로 매력적인 사이트를 제공합니다. 주요 특징은 '즉시 사용 가능'하다는 점으로, 사용자는 제공된 데이터 파일(보통 JSON 또는 JS 파일)만 수정하면 자신의 이름, 약력, 프로젝트, 기술 스택 등을 반영한 개인화된 홈페이지를 만들 수 있습니다. Claude Code, Cursor, Codex와 같은 AI 에이전트 플랫폼에서 원활하게 작동하며, `.claude/skills/react-bits` 경로 아래에 사전 패키징된 스킬 키트가 포함되어 있어 React Bits 컴포넌트를 프로젝트에서 쉽게 재사용하고 통합할 수 있도록 지원합니다. 기본 React 애플리케이션을 수동으로 설정하는 번거로움을 없애고, 개발자가 콘텐츠와 브랜딩에 집중할 수 있도록 도와줍니다.

지원 대상✓Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add lyxsdw123123/react-bits-portfolio

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

react-bits-portfolio은(는) 무엇을 하나요?

React Bits 애니메이션 컴포넌트 라이브러리를 기반으로 한 개인 포트폴리오 / 이력서 템플릿입니다. 130개 이상의 애니메이션 컴포넌트로 구동되는 멋진 단일 페이지 웹사이트로, 바로 사용 가능하며 데이터 파일만 수정하면 개인 홈페이지를 가질 수 있습니다. .claude/skills/react-bits는 이미 패키징된 스킬 키트로, React Bits 컴포넌트를 쉽게 재사용할 수 있도록 해줍니다.

관련 스킬