AI 에이전트를 위한 스킬 모음 — Agent skills for Claude Code, Copilot CLI, Codex, and Gemini CLI. Includes Figma MCP integration skills for icons (Iconify) and logos (SVGL).
npx skills CLI를 사용해 원하는 스킬을 설치합니다.
npx skills add douinc/agent-skills@<skill-name>예:
npx skills add douinc/agent-skills@ux-writing-koreanCodex는 Open Agent Skills 형식의 SKILL.md를 읽을 수 있습니다. 원하는 스킬을 Codex 사용자 스킬 경로에 복사하면 모든 Codex 작업에서 사용할 수 있습니다.
git clone https://github.com/douinc/agent-skills.git
cd agent-skills
mkdir -p ~/.agents/skills
cp -R skills/<skill-name> ~/.agents/skills/예:
cp -R skills/ux-writing-korean ~/.agents/skills/설치 후 Codex에서 $<skill-name>으로 명시적으로 호출하거나, 스킬의 description과 맞는 작업을 요청하면 자동으로 사용할 수 있습니다. 새 스킬이 보이지 않으면 Codex를 재시작하세요.
이미 이 저장소를 클론한 상태라면, Claude Code와 Codex에 같은 스킬을 전역 설치할 수 있습니다.
# Claude Code global
mkdir -p ~/.claude/skills
cp -R skills/<skill-name> ~/.claude/skills/
# Codex global
mkdir -p ~/.agents/skills
cp -R skills/<skill-name> ~/.agents/skills/전체 스킬을 한 번에 설치하려면 <skill-name> 대신 *를 사용합니다.
cp -R skills/* ~/.claude/skills/
cp -R skills/* ~/.agents/skills/| 스킬 | 설명 | 설치 |
|---|---|---|
| ux-writing-korean | 한국어 UX 라이팅 가이드 (해요체, 능동형, 긍정형, 캐주얼 경어, 명사 조합 회피) | npx skills add douinc/agent-skills@ux-writing-korean |
| ko-natural | 요약·앱 카피·푸시·알림·이메일·보고서 등 사람이 읽을 한국어를 번역투·GPT체 없이 생성·교정. 타입별 프리셋과 패턴 사전 기반 린트(scripts/lint.py)로 검증하고, 외부 LLM 파이프라인용 프롬프트도 추출(scripts/export.py) |
npx skills add douinc/agent-skills@ko-natural |
ux-writing-korean은 앱 UI 문구를 해요체 기준으로 다듬는 스타일 가이드이고, ko-natural은 요약·푸시·이메일·문서까지 포함해 번역투와 GPT체를 걷어내는 생성·교정 스킬입니다. UI 문구에서는 두 스킬의 어투 규칙이 겹칠 수 있으니, 프로젝트에서 기준으로 삼을 하나를 정해 두세요.
| 스킬 | 설명 | 설치 |
|---|---|---|
| onboarding-design | 회원가입 플로우, 목표 선택 퀴즈, 권한 요청 화면, 페이월 등 사용자의 첫 번째 의미 있는 행동 이전 화면을 설계·검토할 때 사용 | npx skills add douinc/agent-skills@onboarding-design |
| design-md-to-shadcn | 외부 DESIGN.md(Google Labs 디자인 토큰 포맷)를 shadcn/ui 테마의 CSS 변수로 변환·적용 | npx skills add douinc/agent-skills@design-md-to-shadcn |
| 스킬 | 설명 | 설치 |
|---|---|---|
| graph-engineering | 여러 컴포넌트에 걸친 변경의 의존성·제약·근거를 표준 지식 맵으로 정리하고 안정적인 프로젝트 지식만 갱신 | npx skills add douinc/agent-skills@graph-engineering |
| loop-engineering | 다단계 작업을 plan → act → verify → decide 반복으로 실행하고 완료·차단·사용자 결정 조건을 명확히 관리 |
npx skills add douinc/agent-skills@loop-engineering |
| token-audit | Claude Code·Codex 프로젝트 설정(CLAUDE.md, AGENTS.md, MCP, 서브에이전트, 모델)을 근거 기반 체크리스트로 점검하고 사용자 승인 후 토큰 낭비를 수정 | npx skills add douinc/agent-skills@token-audit |
graph-engineering과 loop-engineering은 함께 설치하는 구성을 권장합니다. loop-engineering은 교차 컴포넌트 작업에서 graph-engineering을 함께 사용하지만, 두 스킬은 각각 독립적으로 설치하고 사용할 수도 있습니다.
두 스킬을 함께 설치하려면 다음 명령어를 사용합니다.
npx skills add douinc/agent-skills \
--skill graph-engineering \
--skill loop-engineering| 스킬 | 설명 | 설치 |
|---|---|---|
| figma-icons-iconify | Fetch real SVG icons from Iconify API for Figma designs (supports Tabler, Lucide, Material Design, and 150+ icon sets) | npx skills add douinc/agent-skills@figma-icons-iconify |
| figma-logos-svgl | Fetch real SVG brand/product logos from SVGL API for Figma designs (React, Vercel, Stripe, GitHub, and 500+ brands) | npx skills add douinc/agent-skills@figma-logos-svgl |
| 스킬 | 설명 | 설치 |
|---|---|---|
| writing-project-readme | 명시적으로 호출했을 때만 동작하는 커맨드형 스킬. 비개발자(PM/디자인/운영)도 읽을 수 있는 종합 README를 처음부터 다시 작성 | npx skills add douinc/agent-skills@writing-project-readme |
| public-sector-rfp-authoring | 정부·지자체·공공기관 발주기관 관점의 입찰공고서, 제안요청서, 과업내용서, 시스템 구축 RFP 작성 | npx skills add douinc/agent-skills@public-sector-rfp-authoring |
| 스킬 | 설명 | 설치 |
|---|---|---|
| langfuse-laravel-ai | laravel/ai SDK를 쓰는 Laravel 앱에 Langfuse 트레이싱 연결. axyr/laravel-langfuse 자동계측 + trace 컨텍스트(session/user/메타데이터) 보강 |
npx skills add douinc/agent-skills@langfuse-laravel-ai |
template/SKILL.md를 참고하여 새 스킬을 만듭니다skills/<skill-name>/SKILL.md경로에 파일을 생성합니다- PR을 올려주세요
---
name: skill-name
description: 스킬 설명과 언제 사용하는지 작성합니다.
metadata:
author: your-name
version: "1.0.0"
---
# 스킬 제목
스킬 지침을 여기에 작성합니다.