[Skills] Skills vs Subagent 및 Skills 추천

 

Skills와 Subagent의 차이

1. Skills란 무엇인가?

Skills는 에이전트가 특정 작업을 수행하기 위해 참조하는 '실행 가능한 도구 세트' 이다.

• 구조: 에이전트에게 제공되는 API 명세서나 함수(Tools)들의 집합체에 가깝다.
• 특징: 에이전트가 "어떻게 UI를 개선할까?"라고 고민할 때, 자신의 기본 모델에는 없는 '디자인 가이드라인 검색'이나 '코드 변환' 능력을 `Skills`로부터 빌려와 직접 실행한다.

 

2. Skills vs Subagent: 무엇이 다른가?

• Skills: 기능 (Functionality)
• Subagent: 역할 (Role)

구분	Skills (기술/도구)	Subagent (하위 요원)
정체성	메인 에이전트가 사용하는 무기	메인 에이전트가 고용한 조수
작동 방식	메인 에이전트가 직접 Skill의 함수를 호출함	특정 미션을 부여받은 별도의 AI 인스턴스가 독립적으로 실행됨
컨텍스트	메인 컨텍스트 내에서 함께 계산됨 (Token 소모↑)	별도의 컨텍스트를 가지며 결과만 메인에게 보고함
비유	개발자가 사용하는 IDE의 플러그인	특정 파트를 담당하는 주니어 개발자

 

 

UI/UX Pro max

https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git

GitHub - nextlevelbuilder/ui-ux-pro-max-skill: An AI SKILL that provide design intelligence for building professional UI/UX mult

 

설치방법 1

npx skills add nextlevelbuilder/ui-ux-pro-max-skill

npx skills add nextlevelbuilder/ui-ux-pro-max-skill

`antigravity`와 `cursor`만 추가해줬다. (추가: space / 확인: enter)

 

또는 아래로 설치

 

설치방법 2

npm install -g uipro-cli

# 프로젝트 이동 후 사용하는 AI assistant에 맞게 install
uipro init --ai codex

npm install -g uipro-cli && uipro init --ai codex

사용 전 ui/ux

사용 후 ui/ux

색상이나 이모지가 모두 제거된 모습

사용 전후를 비교해 보니 어느 정도 개선은 보이지만, 완성도 높은 결과물을 위해서는 프롬프트 튜닝이나 추가 설정 등 좀 더 핸들링이 필요해보임

 

Vercel 공식 Skill 관리

Vercel 팀의 `Skill` 관리 도구

https://github.com/vercel-labs/agent-skills

GitHub - vercel-labs/agent-skills: Vercel's official collection of agent skills

 

https://vercel.com/changelog/introducing-skills-the-open-agent-skills-ecosystem

Introducing skills, the open agent skills ecosystem - Vercel

 

 

Humanizer

AI가 작성한 느낌이 너무 강한 텍스트에서 'AI스러운' 흔적을 지워주는 도구

https://github.com/blader/humanizer

GitHub - blader/humanizer: Claude Code skill that removes signs of AI-generated writing from text

 

Superpowers

에이전트 기반의 워크플로우와 소프트웨어 개발 방법론을 체계화

https://github.com/obra/superpowers

GitHub - obra/superpowers: An agentic skills framework & software development methodology that works.