Tigran tigranpetrossian

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"

Figma Plugin Development Live Reload

Create a run-plugin.sh somewhere in your project
Copy the code from the run-plugin.sh file in this gist
Install nodemon with yarn add --dev nodemon
Add a script in the scripts property of your package.json replacing PLUGIN_CODE_FOLDER by the path to the folder where your plugin code lives
```
"scripts": {
```

"livereload": "nodemon --watch PLUGIN_CODE_FOLDER --exec run-plugin.sh"

How to configure multiple deploy keys for different private github repositories on the same computer without using ssh-agent

Let's say alice is a github.com user, with 2 or more private repositories repoN. For this example we'll work with just two repositories named repo1 and repo2

https://github.com/alice/repo1

https://github.com/alice/repo2

You need to be to pull from these repositories without entering a passwords probably on a server, or on multiple servers.

This is a plain-text version of Bret Victor’s reading list. It was requested by hf on Hacker News.

Highly recommended things!

This is my five-star list. These are my favorite things in all the world.

A few of these works have had an extraordinary effect on my life or way of thinking. They get a sixth star. ★

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

PHP Endpoint for Github Webhook URLs

If you love deploying websites using Github, but for some reason want to use your own server, this script might be exactly what you need.

Put github.php somewhere on your PHP-enabled web server, and make it accessible for the outside world. Let's say for now the script lives on http://example.com/github.php

	import invariant from "tiny-invariant";

	class AmalgoBox extends HTMLElement {
	get input() {
	return this.querySelector("input") as HTMLInputElement;
	}

	get button() {
	return this.querySelector("button") as HTMLButtonElement;
	}

	const text = css({
	color: '$gray12',

	variants: {
	size: {
	// corrective letter-spacing and text-indent styles
	// should go here too, because they're determined by font-size.
	// You could also put line-height here too, if your devs prefer
	// a default line-height that works in some cases. But understand
	// that line-height is also a function of line-length, so the

	/// Self-Contained JavaScript to prevent window scroll overflow bounce on iOS devices
	/// Checks for whitelisted native scrolling via .scrollable class or if -webkit-overflow-scrolling is an inline-style
	window.PreventWindowBounce = {
	handleEvent: function EventListenerInterface (ev) { if(ev.type in this) this[ev.type](ev); },
	bindEvents: function () {
	document.addEventListener('touchstart', PreventWindowBounce);
	document.addEventListener('touchmove', PreventWindowBounce);
	},

	/// The code works by checking whether the scroll area is against