SMALLCAPS

인터랙션에 공들인 미니멀 포트폴리오

SMALLCAPS는 Claude Code·Codex·Cursor용 무료 AI Skill로, 인터랙션에 공들인 모노크롬 개인 사이트를 만듭니다. 작은 글자와 넓은 여백의 모노크롬 개인 사이트. 모든 공이 감각에 들어갔습니다. 썸네일이 커서를 쫓으며 제 속도만큼 기울고 다른 줄은 물러나며, 버튼은 포인터 쪽으로 기울고, 헤드라인은 한 단어씩 떠오르고, ⌘K로 검색되는 커맨드 메뉴가 열리며, 페이지 전체가 한 동작으로 반전됩니다.

제공 내용

  • 이미지 파일을 전혀 쓰지 않고 HTML·CSS·JavaScript만으로 만든 완성 사이트
  • 시작 전에 열어볼 수 있는 데모 사이트
  • ⌘K 커맨드 메뉴, 커서를 따라오는 썸네일, 자석 버튼, 라이트·다크 전환

이런 분께

  • 디자이너·프런트엔드 엔지니어
  • 개인 사이트가 필요한 프리랜서
  • 포트폴리오가 템플릿처럼 보이는 분

준비물

  • 이름과 한 줄 소개
  • 작업 6개의 이름·분류·연도
  • 자기소개 두 단락과 기본 정보 네 가지
  • 연락처 또는 문의 경로

자주 묻는 질문

Claude Code, Codex, Cursor에 붙여 넣거나 SKILL.md로 저장해 도구의 skills 폴더에 두세요. AI가 소재 팩을 내려받고 부족한 정보를 물은 뒤 프로젝트 폴더에 사이트를 만듭니다. Skill 사용법

네. Skill이 전부 규정합니다. 네이티브 dialog, 입력한 글자가 순서대로만 나타나면 되는 부분 일치 검색, 방향키 이동, Enter 실행, Escape 닫기. 명령에는 각 섹션 이동, 라이트·다크 전환, 이메일 주소 복사, 작업별 열기가 들어 있습니다.

네. 브랜드명과 카피를 주고 소재 팩 파일을 같은 파일명으로 본인 것으로 바꾸면 됩니다. Skill은 AI에게 후기·수상·주소·전화번호를 지어내지 말라고 명시합니다.

무료입니다. 가입하거나 로그인하면 이 페이지에서 복사할 수 있습니다.