전체 글 썸네일형 리스트형 컴포넌트 대신 ‘동작’을 주는 UI SDK, Next.js로 Combobox·커맨드 팔레트 만들어 보기 Vercel UI SDK (@ui-sdk/react / @ui-sdk/core) 샌드박스 실험 기록 데모 소스: https://github.com/seulgi-i/ui-sdk-demos 로컬 실행: npm run dev -- --port 3010한 줄 요약일반 UI 라이브러리가 완성된 Select 컴포넌트를 준다면, UI SDK는 키보드·포커스·선택·검색 같은 동작(behavior) 을 먼저 주고, 그 위에 Combobox·Command 같은 부품을 올립니다. 이 글은 “그래서 뭐가 다르냐?”를 카테고리 Combobox와 커맨드 팔레트 두 데모로 보여 줍니다.UI SDK가 뭔가요? (셀렉트로만 설명)Select를 직접 만들면 보통 이런 걸 다 짜야 합니다.열기 / 닫기 타이핑해서 목록 줄이기 (typea.. 더보기 오늘의 IT 소식 (11/13): Vercel UI SDK, "All Code Is Slop" 에이전트 코드 정리법 안녕! 오늘은 코딩 에이전트랑 같이 일하는 사람한테 딱 맞는 소식 두 개야. 하나는 Vercel이 베타로 낸 UI SDK인데, 완성된 컴포넌트 대신 "동작(behavior)"을 주고 에이전트가 그걸 조립하게 만든 라이브러리야. 다른 하나는 AIE Code Summit 2026에서 화제가 된 Lauren Tan(@poteto)의 발표 "All Code Is Slop (Except Mine)"이야. 에이전트가 만든 코드를 믿을 만하게 만드는 구체적인 단계들을 정리해 볼게.1. Vercel UI SDK: 컴포넌트 말고 "동작"을 주는 UI 라이브러리뭐가 나왔냐면Vercel이 X 공식 계정에서 UI SDK를 소개했고, 코드는 GitHub vercel-labs/ui에 공개돼 있어. README 첫 줄 소개가 이거.. 더보기 같은 설계 과제를 Grok design 스킬(44분)과 Codex 한 장 설계(4분 20초)에 맡겨 봤다 (n=1, 참고용) 이 글은 작은 Electron 앱 하나를 AI로 '설계 문서 → 스택 PR 5개'로 나눠 만들어 봤다, n=1 실험 결과를 기본값으로 올리지 않기로 했다에 이어 쓰는 기록이다.첫 글에서 Dot 기능 설계를 Grok design 스킬에 맡겼다. 같은 과제를 Codex에도 맡겨 설계안 한 장을 받아 봤다. 시간은 약 10배, 토큰은 약 20배 차이가 났다. 그런데 비싼 쪽이 모든 면에서 나은 것도 아니었다.먼저 분명히 해 둔다. 이 비교는 n=1이고, 모델과 방식이 동시에 바뀌었다. 한쪽은 Grok에 design 스킬(하위 에이전트, 리뷰 여러 번)을 얹었고, 다른 쪽은 다른 모델(Codex GPT-6 Sol)에 스킬 없이 시켰다. 차이가 모델 때문인지 방식 때문인지 이 비교로는 가를 수 없다. 참고용으로만.. 더보기 n=1 실험 결과를 기본값으로 올리지 않기로 했다: 'n≥2 승격' 규칙과 실험 프로토콜 v2 이 글은 작은 Electron 앱 하나를 AI로 '설계 문서 → 스택 PR 5개'로 나눠 만들어 봤다에 이어 쓰는 기록이다.앞 글의 Dot 작업 중에 한 가지를 정해야 했다. 스킬 성적표에서 써야 함이 나온 스킬을 명령어 가이드의 기본 도구로 바로 올릴지다. 결론은 "n≥2일 때만 올린다"였다. 그리고 같은 날, 실험 자체를 어떻게 돌릴지 정한 프로토콜 v2를 따로 문서로 적었다. 이 글은 그 두 가지를 정한 과정이다.1. n이 뭔가n은 같은 비교를 몇 번 돌렸는지다. 스킬을 쓴 쪽(B)과 안 쓴 쪽(A)을 한 번씩 돌려 비교했다면 n=1이다.n=1은 한 번만 본 결과다. 에이전트 실행은 같은 프롬프트라도 매번 다르게 흘러간다. 어떤 파일을 먼저 여는지, 중간에 어디서 헤매는지에 따라 토큰과 시간이 크게.. 더보기 작은 Electron 앱 하나를 AI로 '설계 문서 → 스택 PR 5개'로 나눠 만들어 봤다 Dot은 내가 개인적으로 쓰는 작은 Electron 대시보드다. 코딩 에이전트에게 붙여 넣을 명령과 프롬프트를 모아 둔 명령어 가이드, 그리고 스킬 A/B 실험 결과를 보여 주는 스킬 성적표가 들어 있다. 화면을 그릴 때 모델을 부르지 않고, 로컬 파일만 읽는다.2026-11-12에 이 앱에 기능 하나를 붙이면서, 코드를 바로 짜게 하지 않고 AI에게 설계 문서부터 쓰게 했다. 그 다음 설계 문서에 적힌 순서대로 PR을 하나씩 쌓아 구현했다. 하루 해 보고 나서, 큰 기능은 이렇게 하자는 규칙을 에이전트 규칙 파일(AGENTS.md)에 넣었다. 이 글은 그 과정을 적은 기록이다.1. 문제: 가이드가 실험 결과를 모른다Dot에는 두 화면이 따로 놀고 있었다.스킬 성적표는 실험 기록을 읽어 스킬마다 써야 함.. 더보기 로컬 LLM 위키 붙였더니 토큰이 3배? 위키가 공짜 이득이 아닌 이유 이 글은 코딩 에이전트 스킬 10개를 A/B로 재봤다. '써야 함'은 하나도 없었다에 이어 쓰는 기록이다.앞 글에서 위키 스킬을 빼기로 판정한 것은, 위키 작업에 스킬 문서를 얹은 비용이었다. 위키 자체를 두는 편이 나은지는 그 비교로 말할 수 없다. 그래서 같은 날, 스킬은 양쪽 모두 쓰지 않고, 로컬 LLM 위키를 읽을 수 있는지만 바꿔 다시 돌렸다.미리 말하면, 2026-11-12 1라운드는 n=1이고 참고용이다. 세 과제 가운데 위키 효과를 비교적 깨끗하게 볼 수 있었던 것은 회상 과제뿐이었다. 그 과제에서 비캐시 토큰은 80k에서 238k로 195.3% 늘었고(약 3배), 품질은 5에서 4.4로 떨어졌다. 원인은 위키가 같은 날의 변경을 따라가지 못한 것이었다. 위키는 붙여 두기만 하면 이득이 .. 더보기 코딩 에이전트 스킬 10개를 A/B로 재봤다. '써야 함'은 하나도 없었다 이 글은 고객사 SI 환경에서 Claude·Codex·Grok을 한 팀으로 굴리기 (0일차)에 이어 쓰는 기록이다.스킬 마켓이 커지면서, 코딩 에이전트에 계획·TDD·위키 스킬을 몇 개만 넣으면 바로 좋아질 것 같은 글이 많다. 나는 4년차 SI 백엔드 개발자고, 전자상거래성 과제를 에이전트와 같이 한다. 느낌이 아니라 숫자로 보고 싶었다. 같은 과제를 스킬 없이, 그리고 스킬을 읽게 한 채로 한 번씩 돌려 비교했다.미리 말하면, 2026-11-12에 돌린 10번의 비교에서 사전에 정한 '써야 함' 기준을 통과한 스킬은 하나도 없었다. 가깝게 나온 것은 있었고, 토큰만 많이 쓰고 빠진 것도 있었다. 이 글은 그 기록이다.1. 어떻게 비교했나비교 단위는 공개된 에이전트 스킬 하나다. 한쪽(A)은 어떤 스킬.. 더보기 오늘의 IT 소식 (11/12): Gemini Decisions API, Atuin Threads, GitHub Actions 락파일 안녕! 오늘은 개발자가 바로 손에 넣어볼 만한 소식 세 개를 가져왔어. 하나는 예/아니오·선택·점수 질문을 한 번에 많이 판정하는 Gemini Decisions API이고, 다른 하나는 에이전트 세션을 검색하고 다른 머신·다른 도구에서 이어가는 Atuin Threads야. 마지막은 워크플로는 읽기 쉬운 태그로 남겨 두고, 실제 실행 커밋은 락파일로 고정하는 GitHub Actions 잠금 파일이야.1. Gemini Decisions API: 닫힌 선택지를 빠르게 판정하는 전용 엔드포인트뭐가 나왔냐면Google이 2026년 11월 11일에 Gemini Decisions API를 공개했어. 모델 이름은 Gemini Decision 1(gemini-decision-1)이고, Google AI Studio의 G.. 더보기 이전 1 2 3 4 ··· 6 다음