MS

mstfash/skills

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

25 stars 품질 44 트렌드 15

Claude Code, Codex, frontend QA, 리뷰 및 워크플로우 자동화에 대한 내 일일 AI 에이전트 기술.

개요

Claude Code + Codex setup I really use every day — a handful of skills and plan-first, phase-gated loop that stop the AI Agent from call work "done" before it really is. 빠른 시작으로 이동 - 한 기술 (ship-loop) 전체 일을 실행. Claude Code가 설치되어 있어야 합니다 (Codex는 옵션이지만 권장). ⚠️ 자신의 위험에서 기술을 실행 - 설치하기 전에 기술 SKILL.md 스키. 일부 파일을 편집 할 수 있습니다, 명령을 실행, 사이트 검색, 또는 콘텐츠 추출. ⭐ 유용합니까? 스타 - 나는이 repo를 지속적으로 업데이트합니다. Claude Code를 사용해서 전체 개발 작업을 실행할 수 있습니다. 단일 항목 포인트입니다. Claude Code를 말합니다. 1. 작업 계획 2. 압력 테스트 Grill-with-docs 3. 계획 단계로 작업을 나눕니다. UI 작업을 위해 먼저 시스템을 설계 5. 각 단계 6. 단계 완료를 호출하기 전에 정의-of-done 문을 실행 첫 번째 사용에서 ship-loop는 필요한 도구를 확인하고 누락 된 것을 알려줍니다.

개요(AI 번역)

Claude Code + Codex 설정 I 실제로 매일 사용 — 기술과의 손이 계획-첫째, AI 에이전트를 중지하는 단계 gated 루프는 "done"를 호출하기 전에 그것은 정말.

**이 새로운? ** 빠른 시작으로 점프 - 하나의 기술 (ship-loop) 실행 모든 것. Claude Code가 설치되어 있어야 합니다 (Codex는 옵션이지만 권장).

⚠️ 자신의 위험에 대한 기술을 실행 - 설치하기 전에 기술의 SKILL.md를 스키. 일부 파일을 편집 할 수 있습니다, 명령을 실행, 사이트 검색, 또는 콘텐츠 추출.

⭐ 유용합니까? 스타 - 나는이 repo를 지속적으로 업데이트합니다.

빠른 시작

사용 ship-loop 당신이 Claude 코드를 원하는 경우 내 전체를 실행 개발 작업 흐름. 단일 항목 포인트입니다. Claude Code를 말합니다.

  1. 계획 작업
  2. 압력 테스트 grill-with-docs
  3. 단계로 일을 나누십시오
  4. UI 일을 위한 체계 첫째로 디자인하십시오
  5. 각 단계 실행
  6. 단계 완료를 호출하기 전에 정의-of-done 문 실행

Claude Code는 다음과 같습니다.

첫 번째 사용에서 ship-loop 도구가 필요한 것을 확인하고 누락 된 것을 알려줍니다. · 당신이 그들을 찬성한 후에 복사 가능한 기술을 설치할 수 있습니다. Codex 플러그인을 위해, 그것은 당신에게 손을 /plugin] 명령을 실행합니다.

Claude 코드 + 코덱

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

Skills & My AI Dev Workflow

The Claude Code + Codex setup I actually use every day — a handful of skills and a plan-first, phase-gated loop that stops an AI agent from calling work “done” before it really is.

New here? Jump to Quick Start — one skill (ship-loop) runs the whole thing. You’ll want Claude Code installed (Codex is optional but recommended).

⚠️ Run skills at your own risk — skim a skill’s SKILL.md before installing. Some can edit files, run commands, browse sites, or extract content.

⭐ Find it useful? Star it — I update this repo constantly.

Quick Start

Use ship-loop when you want Claude Code to run my full development workflow. It’s the single entry point — it tells Claude Code to:

  1. plan the work
  2. pressure-test the plan with grill-with-docs
  3. split the work into phases
  4. design the system first for UI work
  5. implement each phase
  6. run the definition-of-done gate before calling a phase complete

Just ask Claude Code something like:

Use the ship-loop skill for this feature. Set up anything missing, plan first, grill the plan, split it into phases, then execute each phase through the completion gate.

On first use, ship-loop checks the tools it needs and tells you what’s missing. It can install copyable skills after you approve them. For the Codex plugin, it hands you the /plugin commands to run yourself.

Claude Code + Codex

This workflow uses Claude Code as the main agent and Codex as the review/delegation partner.

🖼️ View the Claude Code + Codex workflow diagram

Install the official Codex plugin for Claude Code:

/plugin marketplace add openai/codex-plugin-cc
/plugin install codex@openai-codex
/reload-plugins
/codex:setup

The plugin lets Claude Code delegate work to Codex or ask Codex for review while still using your local Codex install and auth.

Claude Code also ships useful native skills — /simplify (reviews changed code for cleanups and applies them) and /verify (builds/runs the app to check a change actually works, not just that tests pass). I use those built-in versions rather than keeping copies here. See the commands reference and skills docs.

Frontend Design Workflow

For design and frontend work, ship-loop uses a design-first flow that separates design-system creation from page implementation:

🎨 View the frontend design workflow diagram

  1. Collect references — images, screenshots, and UI examples for the look and feel I want.
  2. Design the system — generate a design system from them: color tokens, typography, spacing, components, interaction patterns.
GitHub에서 전체 README 보기

추천 도구

다른 키워드를 입력하거나 필터를 제거해 보세요.

설치

npx skillfish add mstfash/skills
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →