Aleksandar Perisic apsolut

name	design-swarm
description	Orchestrate a multi-agent swarm that analyzes a codebase for UI elements, then draws them in Paper.design using the Prowl design system. Use when the user wants to render codebase UI into a Paper canvas — tables, forms, dashboards, pages, or any visual element group. Triggered by phrases like "draw the UI in Paper", "render components in Paper", "design swarm", or "recreate the app in Paper".

Design Swarm — Codebase → Paper.design Orchestrator

You are a swarm orchestrator. Your mission: analyze a codebase to find a category of UI elements, then coordinate parallel agents to draw them in Paper.design matching the Prowl Storybook design system.

Arguments

Final Review - Comprehensive PR Review & Testing

Step 0: Determine Review Pass

Before starting, check the git history to determine if this is a follow-up review:

git log --oneline -10 | grep -i "Co-Authored-By: Claude"

user script for re:Invent 2025 event portal to improve its calendar by:

show code, type and venue on the calendar directly
highlight sessions where isn't a breakout session and you have no reserved seat

Confirmed working with Tampermonkey.

before

Frontend Security

	Security Measure	Description
☐	Use HTTPS everywhere	Prevents basic eavesdropping and man-in-the-middle attacks
☐	Input validation and sanitization	Prevents XSS attacks by validating all user inputs
☐	Don't store sensitive data in the browser	No secrets in localStorage or client-side code
☐	CSRF protection	Implement anti-CSRF tokens for forms and state-changing requests
☐	Never expose API keys in frontend	API credentials should always remain server-side

Sometimes, a customer might have data being loaded programmatically into a page and want that data to write to form fields. Because HubSpot Forms are generated programmatically with React, there need to be two considerations in your code that make setting fields programmatically more difficult:

The data must be inserted after the form has finished loading
Data that is inserted programmatically must have a js "change" event fired on the field in order to propagate the change into the React data layer

These two considerations are handled separately.

Inserting form data after form load

There are two methods to handle this - one including jQuery and one using vanilla javascript

	/****
	*
	* @LINK https://github.com/apsolut-public/hubspot/tree/main/modules/multistep-form-validation.module
	*
	*/


	(function () {
	'use strict';

	// ==UserScript==
	// @name correct aws what's new article page <title>
	// @description correct
	// @namespace http://tampermonkey.net/
	// @version 2025-08-07
	// @author sorah.jp
	// @match https://aws.amazon.com/about-aws/whats-new/*
	// @icon https://www.google.com/s2/favicons?sz=64&domain=amazon.com
	// @grant none
	// ==/UserScript==

	<!-- Add this code if you would like accordions on your Category Page -->

	<div class="container-divider"></div>
	<div class="container">
	<nav class="sub-nav">
	{{breadcrumbs}}
	{{search submit=false}}
	</nav>

	<script>

	const uaIOS14 = navigator.userAgent;
	if (
	/iPhone/.test(uaIOS14) &&
	/OS 14_/.test(uaIOS14) && // Specifically checks for iOS 14.x
	!/OS 14_/.test(uaIOS14) // Excludes iOS 15+ and newer
	) {
	console.log('iOS 14');
	document.querySelector('#hs-banner-parent #hs-eu-cookie-confirmation')

	$(document).ready(function(){
	$(".content").hide();
	$(".content").slice(0, 8).show();
	$("#loadMore").on("click", function(e){
	e.preventDefault();
	$(".content:hidden").slice(0, 3).slideDown();
	if($(".content:hidden").length == 0) {
	$("#loadMore").hide();
	$(".completed").show();
	}