Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/lennney/skills --skill gate-init명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
SOC 직업 분류 기준
SKILL.md 표시 중
| name | gate-init |
| description | 项目初始化。用户确认要搭站后加载。你在后台建好项目,用大白话告诉用户每一步在做什么。 |
用户说"好,开始搭"。直接执行:
建项目:
npx create-next-app@latest my-app --typescript --tailwind --eslint --app --src-dir --import-alias "@/*"
告诉用户:"正在搭架子——用的 Next.js 是目前最流行的网站框架,Tailwind 负责样式,TypeScript 让代码更健壮。"
装 UI 组件:
npx shadcn@latest init -d
npx shadcn@latest add button card dialog form input sheet tabs toast
告诉用户:"装好了一套现成的 UI 组件库,按钮、弹窗、表单这些不用自己从头写了。"
配好工具函数 src/lib/utils.ts(cn 合并样式类)
git init && git add . && git commit -m "chore: scaffold"
告诉用户:"代码已经用 Git 管起来了,以后改了什么一目了然。"
npm run build 确认能跑
告诉用户:"项目搭好了,跑了一遍构建没报错。接下来你想做什么页面?"