しまぶー lightsound

カスタムスラッシュコマンドによるPRワークフロー効率化

カスタムスラッシュコマンドとは

Claude Codeのカスタムスラッシュコマンドは、.claude/commands/ディレクトリにマークダウンファイルを配置することで、プロジェクト固有のワークフローを定義できる強力な機能です。

PRワークフローの課題

プルリクエスト（PR）作成は開発において頻繁に行われる作業ですが、以下のような課題があります。

Beast Mode

Beast Mode is a custom chat mode for VS Code agent that adds an opinionated workflow to the agent, including use of a todo list, extensive internet research capabilities, planning, tool usage instructions and more. Designed to be used with 4.1, although it will work with any model.

Below you will find the Beast Mode prompt in various versions - starting with the most recent - 3.1

Installation Instructions

Go to the "agent" dropdown in VS Code chat sidebar and select "Configure Modes".
Select "Create new custom chat mode file"

放送で紹介する用。書きかけです。

ちょっと伸びたのでさらに追記。これは元々自分の勉強がてら書いていたもので、これを書く過程でどうしても自分の理解では説明できないところがあり koba789 に依頼してペアプロをしてもらった、という流れがあります。その結果が次の動画です。

https://t.co/FIBmVrR83U

生放送の流れを円滑にするために資料を公開しましたが、この記事は未完成で、あとでさらに整理して別途記事にまとめるつもりです

時雨堂コトハジメ

更新:	2025-10-15
作者:	@voluntas
バージョン:	2025.3
URL:	https://voluntas.github.io/

typo などは https://x.com/voluntas までご連絡ください。

	// Update globs depending on your framework
	---
	name: tailwind_v4
	description: Guide for using Tailwind CSS v4 instead of v3.x
	globs: ["*/.{js,ts,jsx,tsx,mdx,css}"]
	tags:
	- tailwind
	- css
	---

	// Ref https://github.com/auth0-samples/auth0-react-samples/blob/master/01-Login
	import auth0 from "auth0-js";
	import React, { useEffect, useState, useContext } from "react";
	import ReactDOM from "react-dom";
	import {
	BrowserRouter,
	Switch,
	Route,
	RouteComponentProps,
	// @ts-ignore