layout-web

GitHub

设置前端开发环境布局,将终端分为70%用于Claude对话、30%自动显示开发服务器日志,支持自定义项目路径和启动命令。

skills/layout-web/SKILL.md sanghun0724/cmux-claude-skills

Trigger Scenarios

需要同时查看代码生成结果和开发服务器实时日志 初始化前端项目的开发工作区

Install

npx skills add sanghun0724/cmux-claude-skills --skill layout-web -g -y
More Options

Use without installing

npx skills use sanghun0724/cmux-claude-skills@layout-web

指定 Agent (Claude Code)

npx skills add sanghun0724/cmux-claude-skills --skill layout-web -a claude-code -g -y

安装 repo 全部 skill

npx skills add sanghun0724/cmux-claude-skills --all -g -y

预览 repo 内 skill

npx skills add sanghun0724/cmux-claude-skills --list

SKILL.md

Frontmatter
{
    "name": "layout-web",
    "description": "웹뷰\/프론트엔드 개발 레이아웃을 설정합니다. Claude(좌 70%) + dev 서버 로그(우 30%, 자동 시작).",
    "argument-hint": "[프로젝트-디렉토리] [dev-커맨드]"
}

현재 cmux 워크스페이스를 프론트엔드 개발 레이아웃으로 설정합니다.

+-------------------+----------+
| Claude (70%)      | dev 서버 |
|                   | 로그     |
+-------------------+----------+

인자: {{ARGUMENTS}}

실행

cmux-web {{ARGUMENTS}}

인자 예시:

  • cmux-web → 현재 디렉토리, npm run dev 실행
  • cmux-web ~/myproject~/myproject 디렉토리, npm run dev 실행
  • cmux-web ~/myproject "npm run dev" → 커스텀 dev 커맨드

조건

  • cmux 워크스페이스 터미널 안에서 실행해야 합니다.
  • 현재 pane이 1개일 때만 실행됩니다.

Version History

  • 41f7ead Current 2026-07-24 21:05

Same Skill Collection

skills/day-start/SKILL.md
skills/layout-skills/SKILL.md
skills/organize/SKILL.md
skills/preview/SKILL.md
skills/restore/SKILL.md
skills/snapshot/SKILL.md

Metadata

Files
0
Version
41f7ead
Hash
2690a5e8
Indexed
2026-07-24 21:05

inicio - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-21 21:34
浙ICP备14020137号-1 $mapa de visitantes$