Skip to content

Instantly share code, notes, and snippets.

View pbakaus's full-sized avatar

Paul Bakaus pbakaus

559 followers · 0 following
View GitHub Profile
@pbakaus
pbakaus / dev-auth-shortcuts.md
Last active January 25, 2026 18:18
Dev Auth Shortcuts - Stop AI agents from fumbling with login forms

Dev Auth Shortcuts for AI Browser Automation

Stop AI agents from fumbling with login forms. This prompt helps you create development-only endpoints that let browser automation tools authenticate instantly.

The Problem

When using AI agents with browser automation (agent-browser, Playwright MCP, Claude's computer use, Cursor's browser mode), they hit login walls and waste time filling out forms, handling redirects, and losing session state.

The Solution

@pbakaus
pbakaus / demo.css
Created July 27, 2016 23:11
Flexbox freebie: Auto-growing list (for AMP Roadmap)
.steps {
...
/* enable flex, wrap all items.
* - align-items' and align-content's default are set to 'stretch',
* so li's automatically evenly distributed and stretched
*/
display: flex;
flex-wrap: wrap;
....
/* alternative to built-in list style that we can style */
@pbakaus
pbakaus / .profile
Created February 4, 2015 15:23
Chromium build helpers for your DevTools workflow.
export PATH=/Users/pbakaus/Sites/depot_tools:$PATH
export PATH=/Users/pbakaus/goma:$PATH
export CHROMIUM_DIR=~/Sites/src
export BLINK_DIR=~/Sites/src/third_party/WebKit
fresh() {
cd "$CHROMIUM_DIR" && git rebase-update
cd "$BLINK_DIR" && git rebase-update
gclient sync --jobs=16
@pbakaus
pbakaus / gist:5005271
Created February 21, 2013 15:03
Challenge: remove the CSS keyframe animations from this!
.class{rule: prop;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinoff{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-moz-keyframes spinoff{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}#id{rule: prop;}@-webkit-keyframes spinoff{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@-ms-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-ms-keyframes spinoff{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(-360deg)}}
@pbakaus
pbakaus / determineScrollingElement.js
Created December 29, 2010 10:00
this little function determines the top scrolling element on the page on any device..
function determineScrollingElement(callback) {
var self = this;
var div = $("<div style='height: 10000px;'></div>").appendTo(document.body);
var interval = window.setInterval(function() {
document.body.scrollTop = 50;
document.documentElement.scrollTop = 100;