Menü
DeskWeb 프로젝트 컨벤션 및 공통 패턴 스킬. 프로젝트 구조, 빌드, 테스트, 스토리지, 테마, 아이콘 관리 등 공통 규칙 참조시 사용. 사용 사례: (1) 프로젝트 구조/컨벤션 확인시, (2) 빌드/배포 절차시, (3) 스토리지/세션 관리시, (4) 아이콘/테마 커스텀시, (5) 바탕화면 기능 추가시.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
DeskWeb 일반 애플리케이션 생성 스킬. qooxdoo 프레임워크 기반 윈도우 앱(메모장, 엑셀, HWP뷰어, iframe앱 등)을 추가할 때 사용. 사용 사례: (1) 새로운 윈도우 앱 추가시, (2) 파일 연동 앱 구현시, (3) 외부 라이브러리 통합 앱 구현시, (4) iframe 기반 외부 URL 앱 추가시.
DeskWeb 게임 애플리케이션 생성 스킬. qooxdoo 프레임워크 내에서 Canvas/Three.js 기반 게임을 구현할 때 사용. 사용 사례: (1) 2D Canvas 기반 카드/보드 게임 구현시, (2) Three.js 3D 게임 구현시, (3) 게임 AI(LLM) 통합시, (4) 게임 상태 관리/저장시.
DeskWeb LLM/AI 통합 스킬. 브라우저 내 WebLLM 또는 외부 LLM API를 활용하는 기능 구현시 사용. 사용 사례: (1) 챗봇 앱에 LLM 연동시, (2) 게임 AI에 LLM 프롬프트 설계시, (3) AI-OS 기능(앱 제어, 자동화)시, (4) WebLLM 브라우저 내 모델 로드시, (5) 스트리밍 응답 구현시.
| name | deskweb-convention |
| description | DeskWeb 프로젝트 컨벤션 및 공통 패턴 스킬. 프로젝트 구조, 빌드, 테스트, 스토리지, 테마, 아이콘 관리 등 공통 규칙 참조시 사용. 사용 사례: (1) 프로젝트 구조/컨벤션 확인시, (2) 빌드/배포 절차시, (3) 스토리지/세션 관리시, (4) 아이콘/테마 커스텀시, (5) 바탕화면 기능 추가시. |
| author | DeskWeb Team |
| date | "2026-03-07T00:00:00.000Z" |
prompt/deskweb/agent.mddeskweb/source/class/deskweb/
├── Application.js # 메인 (앱 등록/실행 허브)
├── theme/ # Windows XP 테마
│ ├── Theme.js, Color.js, Decoration.js, Appearance.js, Font.js
├── ui/ # UI 컴포넌트 (윈도우 앱들)
│ ├── DesktopIcon.js # 바탕화면 아이콘
│ ├── Taskbar.js # 작업표시줄
│ ├── StartMenu.js # 시작 메뉴
│ └── *Window.js # 각 앱 윈도우
├── game/ # 게임 로직 (UI와 분리)
│ └── *Game.js, *AI.js
└── util/ # 유틸리티
├── StorageManager.js # 가상 파일 시스템
├── FileExtensionRegistry.js # 확장자-앱 매핑
├── IconPositionManager.js # 아이콘 위치 관리
└── AppController.js # AI-OS 앱 제어
ui/NewAppWindow.js 생성 (qx.ui.window.Window 상속)game/ 또는 util/에 엔진 분리Application.js 3곳 수정:
_createDesktopIcons() - 아이콘 등록_openNewAppWindow() - 창 열기 메서드_onStartMenuItemClick() - 시작 메뉴 연결source/resource/deskweb/images/cd deskweb && qx compilec:/webroot/{sessionId}/...qx.ui.window.Window 상속source/resource/ 하위 배치@ignore 어노테이션theme/Appearance.jstheme/Color.jstheme/Decoration.js# 소스 컴파일
cd deskweb && qx compile
# 개발 서버 실행
qx serve --listen-port=8080
# 프로덕션 빌드 (정적 파일 → compiled/build/)
qx compile --target=build
# 접속 URL
# 개발: http://localhost:8080/deskweb/
# 배포(GitHub Pages): https://psmon.github.io/DeskWeb/ (v* 태그 푸시시 자동 배포)
this.debug(), console.log)qx compile로 즉시 반영