Communitygithub.com

JamalMohafil/claude-skills

새로운 AI 코딩 에이전트를 위한 원클릭 설정 도구입니다. 필수 스타터 스킬(find-skills, agent-browser, karpathy-guidelines, ui-ux-pro-max, caveman, arabic-design, design-taste-frontend, remotion-best-practices)을 70개 이상의 에이전트에 설치하고, Claude Code 전용 핵심 플러그인/MCP(frontend-design, superpowers, code-review, playwright, github, claude-md-management)까지 한 번에 설정합니다. 사용자가 새 프로젝트나 에이전트를 설정하면서

claude-skills란 무엇인가요?

이 스킬은 새 AI 코딩 에이전트(Claude Code, Codex, Cursor 등 70개 이상 지원)를 처음 열었을 때 필요한 모든 스킬, 플러그인, MCP 서버를 한 번에 설치해 주는 원클릭 스타터 키트입니다. 사용자가 물어보기만 하면 에이전트가 자동으로 실행하여 필수 도구들을 배치하므로, 수동으로 하나씩 찾아 설치할 필요가 없습니다. Tier 1 스킬(70개 이상의 에이전트에서 동작)은 스킬 자동 탐색(find-skills), 브라우저 제어(agent-browser), 행동 가이드라인(karpathy-guidelines), UI/UX 디자인 시스템(ui-ux-pro-max), 직설적 응답(caveman), 아랍어 디자인(arabic-design), 랜딩 페이지 디자인 감각(design-taste-frontend), Remotion 비디오 제작(remotion-best-practices)으로 구성됩니다. Tier 2는 Claude Code 전용 플러그인/MCP(frontend-design, superpowers, code-review, playwright, github, claude-md-management)로, 코드 리뷰, 브라우저 자동화, GitHub 관리 등 고급 기능을 제공합니다. 설치 스크립트는 안전하게 재실행할 수 있으며, 각 항목이 독립적으로 설치되고 자동 설치가 불가능한 경우 수동 명령어를 출력합니다.

지원 대상✓Claude Code✓Codex CLI✓Cursor
npx skills add https://github.com/JamalMohafil/claude-skills/tree/HEAD/agent-starter-kit

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

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

문서

에이전트 스타터 키트

새 에이전트를 열자마자 설치할 가치가 있는 스킬, 플러그인 및 MCP 서버를 하나의 설치 명령어로 묶었습니다. 하나씩 찾아다닐 필요 없이 인스톨러를 실행하면 에이전트가 즉시 실질적인 기능을 갖추게 됩니다: 필요에 따라 추가 스킬을 찾아 설치하고, 브라우저를 구동하고, 가드레일과 함께 추론하며, 깔끔한 UI(아랍어 포함)를 디자인하고, 자체 코드를 리뷰하며, 브라우저와 GitHub을 자동화할 수 있습니다.

설치 항목

Tier 1 — 스킬 (npx skills를 통해 70개 이상의 에이전트에서 동작: Claude Code, Codex, Cursor, …):

스킬에이전트에 제공하는 기능
find-skills요청 시 다른 모든 스킬을 탐색하고 설치 — 메타 스킬
agent-browser에이전트가 직접 제어하는 실제 브라우저 (열기, 클릭, 입력, 확인)
karpathy-guidelines행동 규칙: 묵시적 가정 금지, 최소한의 해결책, 실행 전 확인
ui-ux-pro-max디자인 시스템 인텔리전스 — 스타일, 컬러 팔레트, 폰트 조합
caveman예의보다 신호를 원할 때 날카롭고 군더더기 없는 답변
arabic-designAI 생성 디자인의 깔끔한 아랍어 (자간/RTL 함정 수정)
design-taste-frontend랜딩 페이지, 포트폴리오 및 리디자인을 위한 디자인 감각 — 템플릿화된 일반 UI 탈피 (tasteskill)
remotion-best-practicesReact + Remotion으로 비디오 제작 — 공식 스킬, 11개의 중첩 참조(생성 · 마크업 · 자막 · 렌더링 · 스튜디오 · 지도 · …)를 실은 라우터

Tier 2 — 플러그인 / MCP (Claude Code 전용):

플러그인 / MCPClaude Code에 제공하는 기능
frontend-designAnthropic의 디자인 가이드 — 세련되고 비범한 UI
superpowersTDD + 서브 에이전트 오케스트레이션 워크플로우 (브레인스토밍 → 디자인 → 구축 → 리뷰)
code-review모든 브랜치/PR에 /code-review — 점수화된 실행 가능한 리뷰
playwright (MCP)브라우저 자동화 및 엔드투엔드 테스팅
github (MCP)에이전트에서 GitHub 저장소, PR, 이슈 읽기 및 관리
claude-md-managementCLAUDE.md 파일을 체계적이고 최신 상태로 유지

실행 방법

스킬 디렉토리에서 다음 명령어를 실행하세요:

bash install.sh                 # Claude Code — 모든 항목 설치
bash install.sh --agent cursor  # Cursor — Tier 1 스킬 설치
bash install.sh --agent codex   # Codex  — Tier 1 스킬 설치
bash install.sh --agent '*'     # 감지된 모든 에이전트에 설치
bash install.sh --skills-only   # Claude Code 전용 플러그인/MCP 건너뛰기

이 스크립트는 최선을 다하며 재실행해도 안전합니다: 각 항목이 독립적으로 설치되며, 자동 설치가 불가능한 항목은 정확한 수동 명령어를 그대로 출력합니다.

스킬로 호출될 때

에이전트가 환경을 설정하기 위해 이 스킬을 로드한 경우: 현재 에이전트에 맞는 --agent 플래그와 함께 install.sh를 실행하세요. 그런 다음 설치된 항목을 확인하고 스크립트가 출력한 수동 대체 명령어가 있다면 표시합니다. Claude Code에서는 사용자에게 다시 시작하거나 (/plugin 실행) 새 플러그인이 로드되도록 안내하세요.

정직한 범위 참고사항

  • Tier 1 스킬은 진정한 크로스 에이전트입니다 — npx skills는 70개 이상의 에이전트를 대상으로 합니다.
  • design-taste-frontend의 범위는 자체 작성자에 의해 랜딩 페이지, 포트폴리오 및 리디자인으로 제한됩니다 — 대시보드, 데이터 테이블, 다단계 제품 UI에는 사용하지 마십시오. 또한 크기가 상당하여(~87KB) 실제 컨텍스트 비용이 발생합니다. 프로젝트 UI가 대시보드이거나 이미 확정된 시각적 시스템이 있다면 루프에서 제외하여 기존 결정과 충돌하지 않도록 하세요.
  • remotion-best-practices는 하나의 항목이지 열두 개가 아닙니다. 공식 저장소는 12개의 스킬을 제공하지만, 라우터는 나머지 11개를 내부에 중첩 설치하며 모든 상대 링크가 정상 해석됨을 확인했습니다. 단일 라우터를 설치하면 에이전트의 스킬 목록을 깔끔하게 유지하고 아무것도 잃지 않습니다 — 형제 항목을 별도 항목으로 추가하여

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

JamalMohafil/claude-skills

One-command setup of "Claude Arabic Terminal" — makes Claude Code render Arabic / Persian / Hebrew / Urdu correctly inside VS Code (connected letters, right-to-left order) on macOS and Windows. Installs a VS Code extension plus an `arabic` launcher so the user can run `arabic claude` (with any Claude flags) and get an Arabic-capable Claude pane in the VS Code terminal area. Use when the user says "claude arabic", "Arabic looks broken / reversed / disconnected in the terminal", "install claude arabic", "RTL in VS Code terminal", or wants Claude Code to show Arabic properly in VS Code.

JamalMohafil/claude-skills

Build a local AI "content operating system" for one business or many isolated businesses (an agency's clients). One Next.js engine plus one folder per business, with an owner-approved brand kit, an approve-before-generate idea store, a grounded trend radar, competitor tracking, HTML→PNG export, optional AI image/video/animation, a chat assistant with memory, owner-confirmed publishing, a CRM and an optional knowledge-vault graph. Every spawned AI agent is confined (no shell, no access to other businesses). Works with any coding agent (Claude Code, Codex, Cursor, Kimi…). It ALWAYS interviews first, starting with "one business or several isolated ones?", then builds. Use when someone wants a system to run their or their clients' content ("build me a content OS", "something like my friend's content OS", "a dashboard to run my content", "a system to run my clients' content", "an AI content OS for my agency"), even if they never say "content OS".

관련 스킬