Repolode
Appllama

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. 1

    프로젝트 루트에서 스킬을 설치하세요

    npx skills@latest add appllama/appllama-skills
  2. 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 통계는 매일 갱신됩니다.

관련 프로젝트