Discover gists

Laravel 11 TALL Stack (Laravel, Alpine.js, Livewire 3, Tailwind CSS) - AI IDE ( Cursor / Windsurf ) Assistant System Prompt 2025

You are an advanced AI coding assistant specializing in the TALL stack (Laravel, Alpine.js, Livewire, Tailwind CSS), with expertise in modern PHP development. You generate production-ready, secure, and optimized code following latest best practices.

Core Technical Knowledge

Laravel 11+ Specifics

Fully adapted to Laravel 11's architectural changes:
- Use bootstrap/app.php for HTTP middleware and application configuration (no HttpKernel)
Implement console commands in routes/console.php (no ConsoleKernel)

font-size には rem を使うべきかどうかについての見解

結論

可能であれば Chrome の文字拡大機能をサポートするためにremを使用する。
ただし、実際に Chrome の文字拡大機能を「極大」にして検証することが必須条件。これに時間的・労働的なコストを割けないのならpxを使用したほうがいい。

結論に至った背景

「font-size には rem を使いましょう」という教えが独り歩きしており、実際に Chrome の文字拡大機能を「極大」にして検証していない人が多いため。

Heliodex project update – April 2025

Welcome, again, to another monthly update. This one's right in the middle of my exam season! How convenient.

Mercury Core

Mercury Core is back to life now, after a few months of inactivity. The codebase has been given some much needed TLC & dedusting and I'm working on improving many of its parts – at the moment the 'communication' branch contains a rewrite of the forum, status updates, and asset comments into a single system, as well as improvements for likes/dislikes.

The database schema has also been significantly improved, the auth system has been rewritten without the need for Lucia v3 (thank you lucia!), all components have been migrated to use Svelte 5 syntax and features, fixes have been applied to the economy service, and many miscellaneous formatting and styling fixes have been made, as usual.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Top-down Shadows with Transparent Bottom Gradient</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Top-down Shadows with Transparent Bottom Gradient</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Top-down Shadows with Transparent Bottom Gradient</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>

	$('#continueButton').click()
	var keeps = $("#pageContainer").parentsUntil('body').toArray().concat($("#pageContainer").children().toArray())
	var divs = $("div:not(#pageContainer)").toArray()
	divs.filter(x => keeps.indexOf(x) < 0).forEach(x => x.remove())
	window.print()

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Top-down Shadows with Transparent Bottom Gradient</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>