

에이전트도 읽는 디자인 시스템, Clay 개편기
AI 에이전트가 읽는 Clay 디자인 시스템을 위해 Figma·React의 명칭과 구조를 통일했습니다.\n가이드라인과 CLI를 제공해 타입 에러를 없애고 작업 시간·비용을 절반 가까이 낮췄습니다.
새로운 기술 블로그가 추가되었어요


AI 에이전트가 읽는 Clay 디자인 시스템을 위해 Figma·React의 명칭과 구조를 통일했습니다.\n가이드라인과 CLI를 제공해 타입 에러를 없애고 작업 시간·비용을 절반 가까이 낮췄습니다.

사내에서 쓰는 Codex와 Claude를 LLM 서버 형태로 전환해 시스템에 넣어 활용하는 방법을 다룹니다. 웹, 앱, CLI에 흩어진 사용 방식을 내부 연동 관점에서 정리했습니다.

기술 문서 작성 경험을 제품으로 전환해 내부 문서 플랫폼 todoc를 구축한 사례를 소개했습니다. 문서를 쉽게 쓰고 AI로 활용하며, 작업 과정에서 지식이 자연스럽게 축적되도록 설계했습니다.

대규모 Android 저장소에서 AI 에이전트의 토큰 낭비를 줄이기 위해 Android CLI 래퍼와 스킬을 설계한 사례를 소개했습니다. 문서 검색, IDE 연동, 프리뷰 렌더링을 정규화하고 오류를 간결하게 바꿔 안정성을 높였습니다.
프롬프트 한 줄로 만드는 화면의 한계를 짚고, 디자인 시스템에 맞는 의사결정 자동화가 핵심이라고 설명했습니다. 어드민, CLI, 에이전트로 발전한 Kraft와 Plan/Orchestra 구조도 소개했습니다.
대규모 사용자 이벤트를 더 일관되고 안전하게 관리하기 위해 Event Center를 구축했습니다. 기존 Git 기반 스키마 관리의 복잡도와 명명 불일치를 UI 기반 플랫폼으로 해결했습니다.
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

FE 분야의 주요 소식을 주제별로 큐레이션한 뉴스입니다. React 생태계, styled-components, Apple CSS, AI 코딩 도구 변화가 소개되었습니다.


iOS 개발자가 Claude Code를 사용한 경험과 Cursor 대비 장점을 공유했습니다. 프로젝트별 컨텍스트를 잘 정리하면 코드 수정과 이해에 큰 도움이 된다고 했습니다.


K9s를 활용해 터미널에서 Kubernetes 클러스터를 빠르고 직관적으로 관리하는 방법을 소개했습니다. 에어갭 환경에서도 유용한 기능과 주요 단축키를 함께 정리했습니다.


K9s는 터미널에서 Kubernetes를 빠르게 관리할 수 있게 돕는 TUI 도구입니다. 에어갭 환경과 멀티 클러스터 운영에서도 효율을 높이는 사용법을 소개했습니다.


Amazon Q Developer CLI의 새로운 에이전트 기능으로 자연어 지시만으로 앱 생성과 수정, AWS 리소스 탐색까지 수행하는 흐름을 소개했습니다. CLI에서 멀티턴 대화와 로컬 도구 활용이 가능해져 개발 작업을 더 빠르게 처리할 수 있음을 보여줬습니다.
![[GitLab] git cli로 Merge Request 생성](https://i0.wp.com/bespin-wordpress-bucket.s3.ap-northeast-2.amazonaws.com/wp-content/uploads/2025/03/image-212.png?fit=716%2C434&ssl=1)

GitLab의 push option을 이용해 CLI에서 Merge Request를 생성하는 방법을 소개했습니다. 브랜치 생성, 커밋, `git push -o` 설정으로 MR 자동화 과정을 정리했습니다.

QueryPie의 Seamless SSH Connection 전략을 소개하며, GUI·에이전트 중심 접근제어가 해치던 CLI 워크플로우 문제를 다뤘습니다. ProxyCommand와 qpa를 활용해 기존 SSH 도구를 그대로 쓰면서 보안을 유지하는 방법을 설명했습니다.

기존 GUI 중심 접근제어가 CLI 워크플로우를 방해하는 문제를 다뤘습니다. ProxyCommand 기반 Seamless SSH Connection으로 보안과 사용성을 함께 높이는 방법을 설명했습니다.