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"

luislobo14rap

/*
*   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
*/

luislobo14rap

// 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';

luislobo14rap

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

luislobo14rap

/* 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;

luislobo14rap

// 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)
	}
}

luislobo14rap

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

$bs4GridExtended:
	576px
	768px

luislobo14rap

// 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));