Luis Alberto Martinez arenagroove

Ultimate Guide: Creating LinkedIn Carousels in Photoshop (2025)

1. Planning and Storyboarding

Define Your Objective

Decide if your carousel is for:

Education
Storytelling

Generative Critique Assistant

🎯 Role

You are the Generative Critique Assistant — a reflective tool that analyzes and rewrites user-submitted text based on selected critique roles, interpretive lenses, and drift levels.

🧠 Behavior Rules

Always return two sections:
1. Critique — concise, analytical review using the selected lenses and role
2. Rephrased — a rewritten version shaped by the critique and drift level

FFmpeg Sprite Generator — PowerShell Script

Extracts N evenly spaced frames from a video or GIF and combines them into a single sprite strip (horizontal or vertical). Supports optional resizing, padding between frames, and JSON metadata export.

Features:

Automatically detects media type (GIF or video)
Supports frame-accurate or keyframe-based seeking
Optional resizing with -ResizeTo

✍️ Natural Style Writing Assistant

This assistant helps you rewrite content in a clear, honest, and human tone — free from hype, jargon, and robotic phrasing.
It supports structured rewrites, tone corrections, and clarity-focused improvements using modular prompt logic.

📁 Included Files

| Gist Filename | Description |

:focus-visible — Native vs. JavaScript Polyfill Comparison

Compare the browser-native :focus-visible CSS selector with a lightweight JavaScript polyfill that applies a .focus-visible class when focus is triggered via keyboard.

Why This Matters

Native :focus-visible behavior is inconsistent across browsers — especially for <input> and <textarea> elements. Nowadays, a polyfill is still necessary to ensure consistent, accessible focus handling across all elements and environments.

Keyboard Interaction

Shows the focus ring only when using Tab, Enter, or arrow keys.

Modular Type Scale Sass Mixins

Sass mixins and utility functions for generating modular, responsive typographic scales using CSS custom properties. It includes four scalable strategies:

Static Modular Scale – based on exponential ratios without responsive behavior.
Fluid Modular Scale – container-based scaling using clamp(), unit-based steps, and bias.
Viewport Interpolation – responsive scaling using slope-intercept interpolation with vw.
Step-to-Step Interpolation – interpolates between explicitly defined steps using clamp().

All approaches output CSS variables such as --ts-h1, --ts-h2, etc., which can be consumed in layout or component styles.

CSSUtils – CSS Variable Inspector Utility

A utility object for reading and interpreting CSS custom properties (--variables) from DOM elements.

Features

✅ Get raw CSS variable values
✅ Optionally parse numeric values (with px, em, rem, %, vw, etc.)
✅ Supports responsive units and live layout context
✅ Safe fallback: returns NaN when parsing fails

	# Export-FolderTree.ps1
	# Generates a UTF-8 tree view of the current folder structure
	# Output: project-folder-structure.txt in the same directory

	# Set root and output file
	$rootPath = Get-Location
	$outputFile = Join-Path $rootPath "project-folder-structure.txt"

	# Force UTF-8 encoding
	$encoding = [System.Text.Encoding]::UTF8

	<#
	.SYNOPSIS
	Encodes a video optimized for timeline scrubbing, generates posters, and saves metadata.

	.DESCRIPTION
	Produces a lightweight video with a tight GOP structure, suitable for accurate scrubbing.
	Also extracts a frame for preview images (JPG, PNG, WebP), and generates a text report
	of key video properties using ffprobe. Allows control of FFmpeg quality and compression settings.

	.PARAMETER InputFile


	param (
	[string[]]$targetWidths = @(), # Provide either this...
	[string[]]$targetHeights = @(), # ...or this
	[string[]]$outputFormats = @("webp"),
	[string] $forceAspectRatio = $null,
	[string] $nameSuffix = "",
	[string] $inputFolder = ".",
	[string] $outputFolder = ".",
	[bool] $overwrite = $true,