Community코딩 & 개발github.com

xxzxzmai-droid/qiqiao-dev-skill

Codex 스킬: Qiqiao 로우코드 커스텀 페이지 개발 지원

qiqiao-dev-skill란 무엇인가요?

이 스킬은 Codex 에이전트가 Qiqiao 로우코드 플랫폼에서 커스텀 페이지를 개발할 수 있도록 지원합니다. Qiqiao는 비주얼 드래그 앤 드롭 방식을 통해 페이지를 구성하지만, 고급 맞춤화나 비즈니스 로직 연계가 필요할 때 이 스킬이 Codex의 코드 생성 및 편집 능력을 활용합니다. 스킬은 페이지 컴포넌트 템플릿, 데이터 바인딩, 이벤트 핸들러, API 연동 등 로우코드 페이지 개발에 필요한 주요 기능을 안내합니다. 개발자는 자연어 명령만으로 Qiqiao 페이지의 커스텀 로직을 구현할 수 있어 로우코드 플랫폼의 한계를 극복하고 더 복잡한 애플리케이션을 신속하게 구축할 수 있습니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add xxzxzmai-droid/qiqiao-dev-skill

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

qiqiao-dev-skill은(는) 무엇을 하나요?

Codex 스킬: Qiqiao 로우코드 커스텀 페이지 개발

이 스킬은 Codex 에이전트가 Qiqiao 로우코드 플랫폼에서 커스텀 페이지를 개발할 수 있도록 설계되었습니다. Qiqiao의 비주얼 에디터를 통해 기본 페이지를 생성하고, Codex를 사용하여 고급 커스텀 로직과 데이터 바인딩을 추가할 수 있습니다.

주요 기능

  • 페이지 컴포넌트 템플릿: Qiqiao에서 지원하는 다양한 UI 컴포넌트(버튼, 입력 폼, 테이블, 차트 등)를 Codex 명령으로 삽입 및 설정할 수 있습니다.
  • 데이터 바인딩: Qiqiao의 데이터 소스(내부 API, 외부 REST API, 데이터베이스 등)와 페이지 컴포넌트를 연결하는 바인딩 로직을 자동 생성합니다.
  • 이벤트 핸들러: 버튼 클릭, 폼 제출, 페이지 로드 등 사용자 이벤트에 대한 핸들러 함수를 JavaScript로 작성하여 Qiqiao 페이지에 통합합니다.
  • API 연동: 외부 서비스와의 통합을 위한 API 호출 코드를 생성하고, Qiqiao의 API 게이트웨이와 연결합니다.

사용 예시

사용자: "Qiqiao 페이지에 사용자 목록을 보여주는 테이블을 추가해줘. 데이터는 내부 API '/api/users'에서 가져오고, 각 행에 '수정' 버튼을 넣어줘."

Codex: 
1. Qiqiao 페이지에 테이블 컴포넌트를 추가합니다.
2. 테이블의 데이터 소스를 '/api/users'로 바인딩합니다.
3. 각 행에 '수정' 버튼을 추가하고, 버튼 클릭 시 수정 모달을 열도록 이벤트 핸들러를 생성합니다.
4. 필요한 JavaScript 코드를 Qiqiao의 커스텀 스크립트 영역에 삽입합니다.

지원 플랫폼

  • Codex Agent: Amazon Codex, OpenAI Codex 등 코드 생성 에이전트
  • Qiqiao Platform: 버전 2.0 이상

시작하기

  1. Qiqiao 프로젝트를 생성하고 기본 페이지를 설정합니다.
  2. Codex 에이전트에 이 스킬을 활성화합니다.
  3. 자연어로 페이지에 추가할 기능을 설명합니다.
  4. Codex가 생성한 코드를 Qiqiao의 커스텀 코드 편집기에 붙여넣거나, API를 통해 자동 반영합니다.

참고 사항

  • Qiqiao의 보안 정책을 준수하는 코드만 생성됩니다.
  • 생성된 코드는 Qiqiao의 런타임 환경에서 테스트해야 합니다.
  • 복잡한 비즈니스 로직은 별도의 서비스 레이어로 분리하는 것을 권장합니다.

관련 스킬