複雑な開発フローをAI定型作業に変換！ ~CC Workflow Studioの紹介~

Re+様のイベントにてLT登壇させていただいた際の資料です。

https://replus.connpass.com/event/386130/

Transcript

1. ෳࡶͳ։ൃϑϩʔΛ AIఆܕ࡞ۀʹม׵ʂ ~ CC Workflow Studio ͷ঺հ ~ খྛ੣໵ | WebΞϓϦΤϯδχΞ | OSS ։ൃ breaking-brake/cc-wf-studio
2. 2 / 10 ͸͡Ίʹ ͳͥ͜ͷൃදΛ͢Δͷ͔ ࠓճͷొஃςʔϚ͸ʮٕज़΍ϓϩμΫτɺͪΐͬͱࣗຫ͍ͤͯͩ͘͞͞LTʯɻ CC Workflow Studio͕ւ֎SNSͰόζͬͨͷͰ͕͢ɺࣗຫ͢Δ৔͕ͳ͘ϞϠϞϠ͍ͯͨ͠ͱ͜ΖࠓճͷLTΛൃݟɻ ͥͻ͜ͷ৔Λ͓आΓͯࣗ͠ຫͱ঺հ͍ͤͯͩ͘͞͞ɻ ஫ҙ ͜Ε͔Βൃද͢Δ঺հʹ͍ͭͯɺཧ۶తʹ࣮ݱ͸Մೳͳ΋ͷͷ ࣮ࡍͷۀ຿ϨϕϧͰͷಋೖ΍ޮՌଌఆ͸·࣮ͩݱͰ͖͍ͯͳ͍ͨΊɺ ཧ࿦ͷఏএͱ͓ͯ͠ฉ͖͍ͩ͘͞ɻ
3. 3 / 10 ൃදͷྲྀΕ 01 ໰୊ఏى AIίʔσΟϯάͷʮଐਓԽʯ໰୊ 02 طଘࡦͷݶք Skills / CLAUDE.md ͚ͩͰ͸଍Γͳ͍ 03 ղܾࡦ CC Workflow Studio ͷ঺հͱ۩ମྫ 04 ·ͱΊ ͳͥϫʔΫϑϩʔԽ͕ޮ͘ͷ͔
4. 4 / 10 AIίʔσΟϯάͷʮଐਓԽʯ໰୊ AIΤʔδΣϯτͷ࢖͍ख़͠౓߹͍Ͱੜ࢈ੑʹ͕ࠩग़͗ͯ͢ࠔͬͯ·ͤΜ͔ʁ MCP ͲͷMCPͰԿͷ৘ใΛऔΔ͔ ਓʹΑͬͯҧ͏ Agent Skill ͲͷεΩϧΛͲͷ৔໘Ͱ࢖͏͔ ϊ΢ϋ΢͕ݸਓʹด͍ͯ͡Δ SubAgent ฒྻʹ෼ׂ͢Δཻ౓΍ ҕৡͷ࢓ํ͕ਓґଘ ͜ΕΒͷઃఆ͸mcp.json ΍ SKILL.md Λ Git Ͱڞ༗ͯ͠΋ɺ׆༻Ͱ͖ΔਓͱͰ͖ͳ͍ਓ͕͍Δ ͔ͤͬ͘ڞ༗͞Εͨ༗༻ͳMCP΍Skill͕νʔϜ಺Ͱे෼ʹ׆༻͖͠Εͳ͍
5. 5 / 10 ։ൃखॱϓϩϯϓτͷڞ༗Ͱղফʁ Skills / CLAUDE.md ʹνʔϜͷखॱΛॻ͍ͯڞ༗͢Δํ๏ SKILL.md ## ։ൃϫʔΫϑϩʔ 1. Jira MCPͰνέοτৄࡉΛऔಘ 2. Confluence MCPͰઃܭυΩϡϝϯτΛऔಘ 3. ϑϩϯτΤϯυ࣮૷Λߦ͏ 4. όοΫΤϯυAPI࣮૷Λߦ͏ 5. ΠϯϑϥมߋΛߦ͏ 6. ςετΛ࣮ߦ͢Δ 7. PRΛ࡞੒͢Δ ௚ઢతͳखॱͳΒ ͜ΕͰे෼ʂ ࠶ར༻ՄೳͰ νʔϜͰڞ༗΋Ͱ͖Δ Ͱ΋ݱ࣮͸... ৚݅෼ذ͸ʁ ฒྻ࣮ߦ͸ʁ ঝೝήʔτʢਓͷঝೝʣ͸ʁ
6. 6 / 10 ݱ࣮ͷཁ݅Λ md ʹॻ͘ͱͲ͏ͳΔ͔ Beforeɿγϯϓϧͳ7ߦ 1. νέοτৄࡉΛऔಘ 2. ઃܭυΩϡϝϯτΛऔಘ 3. ϑϩϯτΤϯυ࣮૷ 4. όοΫΤϯυAPI࣮૷ 5. Πϯϑϥมߋ 6. ςετΛ࣮ߦ 7. PRΛ࡞੒ ಡΊΔɻΘ͔Δɻڞ༗Ͱ͖Δɻ Afterɿݱ࣮ͷཁ݅Λ଍͢ͱ… 1. Atlassian MCPͰνέοτऔಘ 2. Atlassian MCPͰઃܭυΩϡϝϯτऔಘ 3. planϞʔυʹ੾ସɺঝೝΛ଴ͭ 4. ҎԼΛฒྻͰ࣮ߦ: 4a. ϑϩϯτΤϯυʢ੹຿: React࣮૷ʣ 4b. όοΫΤϯυʢ੹຿: API࣮૷ʣ 4c. Πϯϑϥʢ੹຿: IaCมߋʣ 5. શ׬ྃΛ଴ͪ߹Θͤͯ݁߹ςετ 6. ςετࣦഊ → ֘౰Λ4ʹࠩ͠໭͠ 7. ςετ੒ޭ → ঝೝήʔτ 8. PRࣗಈ࡞੒ ·ͩཧղͰ͖Δɻ͔͜͠͠ΕҎ্ͷվྑɾ௥هͰഁ୼ͦ͠͏ͳ ؾ഑… → ෳࡶͳࢦࣔΛΤʔδΣϯτʹ༩͑Δͱɺਓ͕ཧղͮ͠Β͘ͳΔδϨϯϚ
7. 7 / 10 CC Workflow Studio ϏδϡΞϧϫʔΫϑϩʔΤσΟλ for AIίʔσΟϯά 4.5K+ GitHub Stars 50K+ Open VSX μ΢ϯϩʔυ਺ └ ඇެࣜ Claude Code ֦ுػೳ DL਺ No.1 ओͳಛ௃ ϊʔυΛυϥοά&υϩοϓ͢Δ͜ͱͰAIϓϩϯϓτΛઃܭ └ ηϧϑϗετMCPͰͷࣗવݴޠฤूʹ΋ରԠ ϏδϡΞϧͰϓϩϯϓτઃܭ͢Δ͜ͱͰ ෳࡶͳϑϩʔͰ΋AIʹ΋ਓʹ΋ཧղ͠΍͍͢ܗͰઃܭͰ͖Δʂ
8. 8 / 10 ۩ମྫɿJiraνέοτى఺ͷ։ൃϫʔΫϑϩʔ νέοτ1ຕ౉͚ͩ͢Ͱɺ৘ใऩू͔ΒίʔσΟϯά·ͰҰؾ௨؏ Phase 1 ৘ใऩूɾܭը Phase 2 ฒྻ։ൃ Phase 3 ݕূɾPR Atlassian MCP Jiraνέοτऔಘ Atlassian MCP ConfluenceφϨοδ Plan Ϟʔυ Ϣʔβʔঝೝ଴ͪ Frontend Agent React࣮૷ Backend Agent API࣮૷ Infra Agent IaCมߋ ݁߹ςετ Pass? Pass ↓ ঝೝ → ࣗಈPR࡞੒
9. 8 / 10 ۩ମྫɿJiraνέοτى఺ͷ։ൃϫʔΫϑϩʔ νέοτ1ຕ౉͚ͩ͢Ͱɺ৘ใऩू͔ΒίʔσΟϯά·ͰҰؾ௨؏
10. 8 / 10 ۩ମྫɿJiraνέοτى఺ͷ։ൃϫʔΫϑϩʔ νέοτ1ຕ౉͚ͩ͢Ͱɺ৘ใऩू͔ΒίʔσΟϯά·ͰҰؾ௨؏
11. 9 / 10 ͳͥϫʔΫϑϩʔԽ͕ޮ͘ͷ͔ ࠶ݱੑ ୭͕࣮ߦͯ͠΋ಉ͡඼࣭ͷΞ΢τϓοτɻ ʮϓϩϯϓτ৬ਓܳʯ͔Βͷ୤٫ɻ νʔϜڞ༗Մೳ ϫʔΫϑϩʔσʔλ(JSON)ΛGit؅ཧ͢Δ͜ͱͰνʔϜڞ༗Մೳɻ ৽ϝϯόʔ͕ଈ࠲ʹಉ͡඼࣭Ͱ࡞ۀՄೳɻ ஈ֊తվળ ϊʔυͷࠩ͠ସ͑ɾ௥ՃͰஈ֊తʹҭͯΒΕΔɻ εϞʔϧελʔτ͔Βঃʑʹߴ౓Խɻ
12. MCP × Agent Skill × SubAgent × ঝೝήʔτ ϏδϡΞϧઃܭʹΑΓਓ͕ཧղ͠΍͍͢ܗͰ ෳࡶͳ։ൃϑϩʔΛAIఆܕ࡞ۀʹม׵Ͱ͖Δ AI࣌୅ͷ৽։ൃମݧʂ CC Workflow Studio github.com/breaking-brake/cc-wf-studio ΋͠ؾʹೖ͍͚ͬͯͨͩͨΒStarΛ͓ئ͍͠·͢ʂ όάใࠂ΍վળIssue΋ड͚෇͚͍ͯ·͢ɻ