JavaScript 번들이 로드되기 전 앱 실행 시점부터 네이티브로 재생되는 React Native용 Lottie 및 dotLottie 스플래시 화면입니다.
Appllama/appllama-skills
매출 상위 앱의 디자인을 참고해 AI 코딩 에이전트가 네이티브 수준의 Expo / React Native 모바일 화면을 만들도록 안내하는 에이전트 스킬입니다.
- 스타
- 4,938
- 포크
- 251
- 열린 이슈
- 2
- 마지막 커밋
- 2개월 전
어떤 프로젝트인가요?
이 저장소는 모바일 앱 개발을 함께 지원하는 에이전트 스킬 두 가지를 제공합니다. appllama-usage는 Appllama MCP를 위한 리서치 워크플로로, 디자인에 앞서 매출 상위 앱의 화면, 사용자 흐름, UI 패턴을 살펴보는 방법을 다룹니다. appllama-app-design-skill은 Expo 및 React Native 화면을 위한 개발 가이드로, Apple HIG 스타일의 컨트롤, 시맨틱 색상, push와 replace 및 시트 같은 내비게이션 동작, 모션 표준, 생성형 이미지 에셋, 전체 흐름을 기록하는 시뮬레이터 기반 검토 사이클을 다룹니다.
skills.sh CLI를 사용해 Claude Code, Cursor, Codex 및 기타 에이전트에 스킬을 설치할 수 있습니다. appllama-app-design-skill은 Appllama MCP 없이도 단독으로 사용할 수 있으며, MCP에 연결하면 Appllama의 앱 화면 디자인 라이브러리에 접근할 수 있습니다.
핵심 기능
- 01Appllama MCP를 통해 매출 상위 앱의 화면과 사용자 흐름을 살펴보는 플레이북을 제공합니다.
- 02Apple HIG에 충실하고 시맨틱 색상을 사용하는, 네이티브 앱 같은 Expo / React Native 개발 지침을 제공합니다.
- 03push와 replace, 시트, 그리고 뒤로 돌아갈 수 없어야 하는 화면 등 내비게이션 규칙을 명시합니다.
- 04애니메이션을 적용할 시점과 제스처 속도에 따른 스프링 동작을 포함하는 모션 표준을 정합니다.
- 05앱의 전체 흐름을 시뮬레이터에서 녹화하고 프레임별로 검토하는 사이클을 제공합니다.
활용 사례
- AI 코딩 에이전트와 함께 Expo 또는 React Native로 모바일 앱 화면을 하나씩 구현할 때.
- 품질 기준에 맞춰 기존 앱 화면의 레이아웃, 내비게이션 또는 애니메이션을 개선할 때.
- 자체 디자인에 앞서 주요 앱의 온보딩 또는 페이월 구성을 조사할 때.
빠른 시작
- 1
프로젝트 루트에서 스킬을 설치하세요
npx skills@latest add appllama/appllama-skills - 2
에이전트에서 Appllama MCP 엔드포인트에 연결하고 Appllama 계정으로 승인하세요
사용 전 알아둘 점
- MCP에 액세스하려면 Appllama Pro 구독이 필요합니다.
- MCP를 호출할 때마다 월간 제공량에서 크레딧 1개가 차감됩니다.
포함된 컬렉션
토픽
자주 묻는 질문
- appllama-skills은(는) 무엇인가요?
- 매출 상위 앱의 디자인을 참고해 AI 코딩 에이전트가 네이티브 수준의 Expo / React Native 모바일 화면을 만들도록 안내하는 에이전트 스킬입니다. 이 저장소는 모바일 앱 개발을 함께 지원하는 에이전트 스킬 두 가지를 제공합니다. appllama-usage는 Appllama MCP를 위한 리서치 워크플로로, 디자인에 앞서 매출 상위 앱의 화면, 사용자 흐름, UI 패턴을 살펴보는 방법을 다룹니다. appllama-app-design-skill은 Expo 및 React Native 화면을 위한 개발 가이드로, Apple HIG 스타일의 컨트롤, 시맨틱 색상, push와 replace 및 시트 같은 내비게이션 동작, 모션 표준, 생성형 이미지 에셋, 전체 흐름을 기록하는 시뮬레이터 기반 검토 사이클을 다룹니다.
- appllama-skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- appllama-skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- appllama-skills은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. appllama-skills의 마지막 커밋은 2026년 9월 6일입니다.
- appllama-skills은(는) 어디에 사용할 수 있나요?
- AI 코딩 에이전트와 함께 Expo 또는 React Native로 모바일 앱 화면을 하나씩 구현할 때. 품질 기준에 맞춰 기존 앱 화면의 레이아웃, 내비게이션 또는 애니메이션을 개선할 때. 자체 디자인에 앞서 주요 앱의 온보딩 또는 페이월 구성을 조사할 때.
- appllama-skills는 어떻게 설치하나요?
- 프로젝트 루트에서 스킬을 설치하세요: npx skills@latest add appllama/appllama-skills 에이전트에서 Appllama MCP 엔드포인트에 연결하고 Appllama 계정으로 승인하세요
- appllama-skills은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Appllama/appllama-skills
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
iOS와 Android에서 여러 AI 모델과 대화하고, 에이전트를 실행하고, MCP 도구를 연결하고, 이미지를 생성할 수 있는 Cherry Studio 모바일 앱입니다.
Cursor, Claude Code 등의 에이전트에서 Claude Design을 로컬로 실행해 독립 실행형 HTML 목업, 프로토타입, 프레젠테이션을 만드는 Agent Skill입니다.
Expo 팀의 공식 AI 에이전트 스킬로, 코딩 에이전트가 Expo 앱을 개발·배포·업그레이드·디버깅하는 방법을 익히도록 돕습니다.
Digikala, Torob, Divar, Snappfood 등 이란 웹사이트를 검색하고 비교할 수 있도록, 토만 기준 가격을 제공하는 비공식 MCP 서버 70여 개 모음입니다.
코딩 에이전트가 아트 디렉션과 실제 사진, 브라우저 자체 점검으로 개성 있는 프런트엔드를 만들도록 돕는 Agent Skills입니다.