luislobo14rap

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"

	For this, you’ll need a Windows computer (or a Windows virtual machine) with internet access. Then follow these steps:

	Download the standard CapCut installer.
	Open it and start the installation. At this point, it will begin downloading the actual package.
	Go to the folder C:\Users\{USERNAME}\AppData\Local.
	It helps to sort the items by Date modified (newest first) so it’s easier to find.
	You should see a folder with a name similar to app_package_e69a6da048. Open it and you’ll find an .exe file without an icon, since the download is still in progress.
	When the download progress reaches about 95%, the download itself is finished. The remaining 5% is the installation step. Once the installation completes, the installer will likely delete this file, so you need to be quick.
	Press F5 to refresh the folder. If the .exe file (in my case app_package_e69a6da048.exe) now shows an icon, that confirms the download is complete.
	Immediately copy and paste this .exe file to another folder before it gets deleted.


	/*
	* Stripe WebGl Gradient Animation
	* All Credits to Stripe.com
	* ScrollObserver functionality to disable animation when not scrolled into view has been disabled and
	* commented out for now.
	* https://kevinhufnagl.com
	*/

	// bug regex uses on chrome

	// bug
	const regex = /./g;
	console.log(regex.test('a')) // true
	console.log(regex.test('a')) // false

	// no bug
	const regex = /./g;
	console.log(cloneRegex(regex).test('a')) // true

	// getScrolls.js v1
	const getScrolls = {
	element: window,
	x: 'scrollX',
	y: 'scrollY'
	};
	if (!('scrollX' in window && 'scrollY' in window)) {
	if ('pageXOffset' in window && 'pageYOffset' in window) {
	getScrolls.x = 'pageXOffset';
	getScrolls.y = 'pageYOffset';

	/* flex-center.css v1 */
	.flex-center {
	align-items: center;
	display: flex;
	justify-content: center;
	}

	/* bs4-media.css v1 */
	text-align: center;
	@media all and(min-width:576px){
	text-align: center;
	}
	@media all and(min-width:768px){
	text-align: center;
	}
	@media all and(min-width:992px){
	text-align: center;

	// setTimesout.ts v2.1
	export function setTimesout(fn: (timeout: number, index: number) => void, repeats = [0]) {
	for (let index = 0; index < repeats.length; index++) {
	const currentTimeout = repeats[index]

	setTimeout(() => {
	fn(currentTimeout, index)
	}, currentTimeout)
	}
	}

	/* mixin-bs4-width-classes.scss v1.0.1 */
	$widths:
	1
	2
	3
	;

	$bs4GridExtended:
	576px
	768px

	// getScrollbarSize.js v1
	const cssText = '#scrollbar-size{height:99px;overflow:scroll;position:absolute;top:-9999px;width:99px}',
	head = document.getElementsByTagName('head')[0] \|\| document.body.parentNode.children[0],
	style = document.createElement('style'),
	scrollSizeDiv = document.createElement('div'),
	scrollbarSize = undefined;
	style.setAttribute('type', 'text/css');
	style.setAttribute('rel', 'stylesheet');
	if (!('styleSheet' in style)) {
	style.appendChild(document.createTextNode(cssText));