Communitygithub.com

sonhaicoder/haiclaudeskill

Hai의 개인 Claude Code 스킬 팩 — 8가지 스킬 번들: 웹-취향(Kimi/Lovable 수준의 안티-슬롭 프론트엔드), 프론트엔드-디자인, kimi-렌더, 모바일-디자인, lme-flutter, 간략-요약, harness, 옵시디언-스킬. ./install.sh 한 줄 설치

haiclaudeskill란 무엇인가요?

이 스킬 팩은 Hai의 개인 Claude Code 환경을 위해 설계된 8가지 번들 스킬 모음입니다. 웹-취향(web-taste)은 Kimi 또는 Lovable 수준의 고품질 '안티-슬롭' 프론트엔드 개발을 지원하며, 프론트엔드-디자인(frontend-design)과 kimi-렌더(kimi-render)는 세련된 UI/UX 생성을 돕습니다. 모바일-디자인(mobile-design)과 lme-flutter는 모바일 앱 디자인 및 Flutter 개발에 특화되어 있고, 간략-요약(brief-recap)은 프로젝트 진행 상황을 간결하게 요약합니다. harness는 개발 워크플로우를 강화하며, 옵시디언-스킬(obsidian-skills)은 Obsidian 노트와의 통합을 제공합니다. Claude Code, Cursor, Codex 등 주요 AI 에이전트 플랫폼에서 사용 가능하며, `./install.sh` 한 줄 명령어로 간편하게 설치할 수 있습니다. 각 스킬은 SKILL.md에 상세히 문서화되어 있어 개발자가 쉽게 이해하고 활용할 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add sonhaicoder/haiclaudeskill

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

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

문서

haiclaudeskill은(는) 무엇을 하나요?

Hai의 개인 Claude Code 스킬 팩 — 8가지 스킬 번들: 웹-취향(Kimi/Lovable 수준의 안티-슬롭 프론트엔드), 프론트엔드-디자인, kimi-렌더, 모바일-디자인, lme-flutter, 간략-요약, harness, 옵시디언-스킬. ./install.sh 한 줄 설치.

스킬 목록

스킬 이름설명
웹-취향 (web-taste)Kimi/Lovable 수준의 안티-슬롭 프론트엔드 생성
프론트엔드-디자인 (frontend-design)세련된 프론트엔드 디자인 패턴 제공
kimi-렌더 (kimi-render)Kimi 스타일 렌더링 지원
모바일-디자인 (mobile-design)모바일 최적화 UI/UX 디자인
lme-flutterFlutter 앱 개발 지원
간략-요약 (brief-recap)프로젝트 상태 간결 요약
harness개발 워크플로우 강화 도구
옵시디언-스킬 (obsidian-skills)Obsidian 노트 통합

설치 방법

./install.sh

사용 방법

각 스킬은 Claude Code, Cursor, Codex 등 주요 AI 에이전트 플랫폼에서 활성화하여 사용할 수 있습니다. 스킬 이름을 시스템 프롬프트에 포함시키거나 컨텍스트에 추가하여 호출하세요.

예시

# 웹-취향 스킬 활성화
[사용자]: 웹-취향 스킬을 사용하여 반응형 랜딩 페이지를 생성해줘.

# 프론트엔드-디자인 스킬 활성화
[사용자]: 프론트엔드-디자인 스킬로 대시보드 UI를 디자인해줘.

참고 사항

  • 각 스킬의 상세 문서는 skills/ 디렉토리 내 개별 폴더에서 확인할 수 있습니다.
  • 모든 스킬은 독립적으로 사용 가능하며, 필요에 따라 조합하여 사용할 수 있습니다.

관련 스킬