Gaurav Padia gauravpadia

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"

NOTE I'm trying to find the most optimal fav/touch icon setup for my use-cases. Nothing new here. Read Mathias Bynens' articles on re-shortcut-icon and touch icons, a FAQ or a Cheat Sheet for all the details.

I'd like to hear how you approach this: @valuedstandards or comment on this gist.

The issue

You have to include a boatload of link elements pointing to many different images to provide (mobile) devices with a 'favicon' or 'touch icon':

![Touch Icon Links](https://o.twimg.com/2/proxy.jpg?t=HBj6AWh0dHBzOi8vcGhvdG9zLTYuZHJvcGJveC5jb20vdC8yL0FBRGFGY1VRN1dfSExnT3cwR1VhUmtaUWRFcWhxSDVGRjNMdXFfbHRJWG1GNFEvMTIvMjI3OTE2L3BuZy8xMDI0eDc2OC8yL18vMC80L1NjcmVlbnNob3QlMjAyMDE1LTA0LTE0JTIwMTYuNTYuMjYucG5nL0NNejBEU0FCSUFJZ0F5Z0JLQUkvNGR1eDZnMzZmYnlzYWI3

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Sans jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

	<?php

	// Add the following code snippet to the functions.php file of the MainWP Customisations plugin
	// Download MainWP Customisations here: https://github.com/mainwp/mainwp-customisations
	// More about the plugin: https://mainwp.com/mainwp-customisations/

	// Create Custom Client Report tokens
	add_filter( 'mainwp_client_reports_tokens_groups', 'mycustom_reports_tokens_groups' );
	function mycustom_reports_tokens_groups( $tokens ) {
	// examples

	<?php

	/**
	* Class RD_Text_Extraction
	*
	* Example usage:
	*
	* $response = RD_Text_Extraction::convert_to_text($path_to_valid_file);
	*
	* For PDF text extraction, this class requires the Smalot\PdfParser\Parser class.

	/**
	* Generate signature for ZoomMtg JSSDK.
	*
	* @param string $api_key You REST API Key
	* @param string $api_secret You REST API Secret
	* @param int $meeting_number The meeting number you are creating the signature for
	* @param int $role Role that this signature is for; 0 for participant, 1 for host
	*
	* @return string Returns the signature string
	*

	# To get the `action` prop:
	#
	# 1. Go to your dashboard on mailchimp.com and navigate
	# to Lists > Signup Forms > Embedded Forms.
	#
	# 2. Copy the `<form>` action from the generated HTML code.
	#
	# 3. Pass that into the component via the prop, like so:
	#
	# <mailchimp-subscribe

	/**
	* Convert html into correct element
	* @param html
	*/
	html2element: function(html) {
	var attributes = {},
	$template;
	if (_.isString(html)) {
	this.template = _.template(html);
	$template = $(this.template(this.model.toJSON(), vc.templateOptions.default).trim());

	# You will need latest NVIDIA drivers installed. At the time of writing, version is 331.20.
	# On ubuntu 13.10, it looks like this:
	sudo add-apt-repository ppa:xorg-edgers/ppa
	sudo apt-get update
	sudo apt-get install nvidia-331

	# Now we need to install bumblebee:
	sudo add-apt-repository ppa:bumblebee/stable
	sudo apt-get install bumblebee bumblebee-nvidia bbswitch-dkms