2026-10-10 AI와 같이 쓰는 도구들

주변 사람들과 이야기하며 얻은 AI와 함께 쓰면 좋은 것들

일하는 방식도 추상화할 수 있다면 좋음. 가령 내가 좋아하지 않는 코드를 쳐내는 거라든지

에이전트 관련 도구 #

oh my pi: pi 기반의 확장된 에이전트 개발환경. 내가 쓰는 중
기억도 mnemopi라고 해서 기본적으로 제공한다

openspec: spec driven development 도와주는 도구. 구현 전에 명세 만드는 걸 해줌. omp랑 연동 가능

vercel eve: 에이전트 만드는 프레임워크. 에이전트의 next.js를 목표로 한대

이외에도 vercel oss(https://vercel.com/oss) 보면 신기한 게 많다.

ponytail: 과도한 추상화나 새로운 구현, 불필요한 코드 작성 방지

emil skill: UI 디자인, 애니메이션 개선

vercel agent skills: react 성능, vercel 최적화, 웹 디자인 가이드라인 등 전반적인 웹 지식

seo skill for claude code

shadcn ui(base ui가 현재 가장 많이 쓰이긴 하는데 react aria도 고려해볼만)

shaders: WebGPU 셰이더, 굴절, 유체 효과, 그라디언트

motion: 이전의 framer motion. 애니메이션 황제

magic ui: 다양한 애니메이션 컴포넌트, 효과

lucide-react: heroicon과 아이콘계 양대산맥

assistant ui: ai 에이전트 만들 때 쓸만한 UI 라이브러리

es-toolkit: lodash 스타일 유틸함수 팩

es-hangul: 한글 문자열 처리

nuqs: 쿼리스트링을 react state와 같이 다루기

mantine hooks: 편의성 좋은 훅들을 제공

react-simplikit: 역시 편의성 훅. 모바일 지원 관련된 훅이 꽤 있다

e2e 테스트를 에이전트가 어느 정도 처리하도록 한다

agent browser: 에이전트가 실제 브라우저 열어서 조작할 수 있게 해줌