UI 구성 요소, 비즈니스 로직, API 통합 및 상태 관리를 포함한 적절한 계층형 아키텍처로 완전한 React 기능을 구축하세요. 사용자가 "사용자 인증", "장바구니", "제품 목록", "파일 업로드"와 같은 기능 구현을 요청하거나 UI + 비즈니스 로직 + 데이터 가져오기가 필요한 전체 기능을 요청할 때 이 기술을 사용하세요. 프레젠테이션(구성 요소), 비즈니스 로직(후크/저장/검증) 및 데이터 액세스(API 호출/React Query) 등 모든 레이어를 생성합니다. UI용 반응 구성 요소 생성기와 통합되어 모범 사례에 따라 프로덕션에 즉시 사용 가능하고 유지 관리 가능한 코드를 제공합니다.
명령줄에서 feature-builder AI 스킬을 개발 환경에 빠르게 설치
출처: smallnest/langgraphgo.
This skill builds complete, production-ready React features with proper separation of concerns across presentation, business logic, and data access layers.
Transform feature requirements into complete, working implementations that include:
Reference references/business-logic-patterns.md for detailed patterns:
UI 구성 요소, 비즈니스 로직, API 통합 및 상태 관리를 포함한 적절한 계층형 아키텍처로 완전한 React 기능을 구축하세요. 사용자가 "사용자 인증", "장바구니", "제품 목록", "파일 업로드"와 같은 기능 구현을 요청하거나 UI + 비즈니스 로직 + 데이터 가져오기가 필요한 전체 기능을 요청할 때 이 기술을 사용하세요. 프레젠테이션(구성 요소), 비즈니스 로직(후크/저장/검증) 및 데이터 액세스(API 호출/React Query) 등 모든 레이어를 생성합니다. UI용 반응 구성 요소 생성기와 통합되어 모범 사례에 따라 프로덕션에 즉시 사용 가능하고 유지 관리 가능한 코드를 제공합니다. 출처: smallnest/langgraphgo.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/smallnest/langgraphgo --skill feature-builderUI 구성 요소, 비즈니스 로직, API 통합 및 상태 관리를 포함한 적절한 계층형 아키텍처로 완전한 React 기능을 구축하세요. 사용자가 "사용자 인증", "장바구니", "제품 목록", "파일 업로드"와 같은 기능 구현을 요청하거나 UI + 비즈니스 로직 + 데이터 가져오기가 필요한 전체 기능을 요청할 때 이 기술을 사용하세요. 프레젠테이션(구성 요소), 비즈니스 로직(후크/저장/검증) 및 데이터 액세스(API 호출/React Query) 등 모든 레이어를 생성합니다. UI용 반응 구성 요소 생성기와 통합되어 모범 사례에 따라 프로덕션에 즉시 사용 가능하고 유지 관리 가능한 코드를 제공합니다. 출처: smallnest/langgraphgo.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/smallnest/langgraphgo --skill feature-builder 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/smallnest/langgraphgo