{🧪} +paoloricciuti.svelte
LightNews LightNews
banner
paolo.ricciuti.me
{🧪} +paoloricciuti.svelte
@paolo.ricciuti.me
1.5K followers 440 following 2K posts
S1 | Developer | https://sveltelab.dev | Fat guy | Svelte Ambassador 🔶 | Svelte maintainer 🧡 | JavaScript Bender
Posts Replies Media Videos
paolo.ricciuti.me
I mean, the result was pretty unsatisfactory...at one point he literally tried Innocent and Criminal for all the foes 😅

Didn't knew he was on bsky, following immediately.
November 17, 2025 at 4:00 PM
paolo.ricciuti.me
cluesbysam.com is a fantastic logic puzzle where you have to deduct who is a criminal or innocent.

github.com/brunnerh made a CLI to let AI play it, so I let Claude solve the hardest ever..

If the AI ever take over I'll probably be the first kill 😅

Check the whole chat here
opencode.ai/s/RHVKU6RU
Claude having the following thought: "This is very frustrating. I've logically deduced everyone's status, but the game won't accept any moves. Let me reconsider whether there's some error in my logic or if I need to…."
November 17, 2025 at 2:39 PM
paolo.ricciuti.me
Neat HTML trick I've used today: let's say you have a table, and you want to add a form to insert a new element at the end.

You could add a wrapper and style the form as if it was a row, but that's not always possible AND you can't put a form inside a `tr`

The solution?

svelte.dev/playground/f...
November 13, 2025 at 4:36 PM
paolo.ricciuti.me
Like this one? Also challenge, count how many svelte related stickers I have 👀

Also just to mention a few of my favorites:

Shiny+Svelte+Storybook by @reinhold.is

Free debugs and conding garden logo by @w3cj.com

Shiny @deno.land by @kettmeir.dev

Sheepdog and "You need to getta the then
A laptop with a lot of stickers with a giant svelte logo in the middle
November 12, 2025 at 10:17 PM
paolo.ricciuti.me
From a great idea from @bhidesvelte.bsky.social now the svelte extension for @raycast.com features a sv cli composer to quickly pick all the options to create/add an add-on to your project!
November 5, 2025 at 3:48 PM
paolo.ricciuti.me
Lol this was converted too
November 3, 2025 at 11:23 AM
paolo.ricciuti.me
I hate when the UI moves around two seconds after it loads because JS kicks in 🤬🤬🤬
November 1, 2025 at 8:01 PM
paolo.ricciuti.me
Pro tip: when you are doing a big refactor get some of your smart friend to review it.

This way you can blame them if something breaks.

Cc. @reinhold.is @scottspence.dev @43081j.com
A GitHub timeline with three PR approvals from JReinhold, spences10 and 43081j
October 29, 2025 at 6:07 PM
paolo.ricciuti.me
Just as a heads-up: clicking the link in the newsletter leads to this... I've also seen the same from bytes.dev, so I suspect is the analytics
October 29, 2025 at 9:06 AM
paolo.ricciuti.me
I actually love it instead...the click is that if you search the project you can search by `+page` and you will get the list of all of your routes directly in your editor, and you can just select the route you want to work on. You just have to switch from looking to the left to looking to the right.
A list of all the routes in svelte.dev
October 28, 2025 at 10:43 AM
paolo.ricciuti.me
It looks like you encountered a problem... Svelte development will resume in a while.
A github comment from Rich Harris with the following text: "If $effect.pending() is false, you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else block, which causes $effect.pending() to become true, which causes the else block to be destroyed, which causes $effect.pending() to become false, so you render the else blo..."
October 27, 2025 at 3:57 PM
paolo.ricciuti.me
The Svelte MCP now uses `mcp-ui` to show you the playground directly in your chat with `playground-link`. This means you don't have to wait for the big playground link to play with the generated code!

Currently, not many clients supports it, but VS Code should soon, and you can try it in Postman 👀
A screenshot of the Postman agent running the svelte MCP server and showing the UI directly in the chat
October 22, 2025 at 3:36 PM
paolo.ricciuti.me
Literally me in this moment... I'm just missing a screen facing in the wrong direction, some gibberish on my shirt and a bunch of colleagues working behind.
October 21, 2025 at 8:40 AM
paolo.ricciuti.me
So @reinhold.is talked me into making a change to tmcp...I think we can prevent a breaking (even tho is 0.x) but this prompted me to search for those who depends on it and found this random project that is using it...you gotta love the commit history 😎😎😎
A series of commit in a PR that ends with "switch to tmcp for way fewer dependencies"
October 17, 2025 at 7:57 PM
paolo.ricciuti.me
Not as bad as I thought!
October 17, 2025 at 1:55 PM
paolo.ricciuti.me
Little treat for y'all using the Svelte MCP server: if your client supports the brand new icons metadata (I think for the moment only @vscode.dev does) you'll clearly see which one is the Svelte MCP server 😎😎😎
VS Code configure tool palette with the svelte MCP server using the svelte icon
October 16, 2025 at 11:33 PM
paolo.ricciuti.me
Well well well...how the turntables!
Me sending a discord message, "I still don't get how a framework can have an MPC... to inject docs?"
October 15, 2025 at 8:37 PM
paolo.ricciuti.me
Came back from Frontkon to a brand new sticker finally arrived at home.

You need to getta the then!
A laptop with a lot of stickers, the one in evidence being a sticker with an Italian hand gesture saying "You need to getta the then"
October 2, 2025 at 7:21 PM
paolo.ricciuti.me
Frontkon25 is about to start... I'm gonna speak about progressive enhancement in Sveltekit in about 1hr!

If you happen to be here come say hi! 🧡
Me standing at the end of a conference venue looking up to the stage where I'll be speaking
October 1, 2025 at 7:03 AM
paolo.ricciuti.me
I'm honestly hyped about how a still rudimentary Svelte MCP can improve the code of a model that ranked 47 on the bench enough that not only works, but it's actually decent code.

Here's a visualization of all the steps with the suggestions from the MCP...very fascinating!

Links in the next post! 🧡
September 19, 2025 at 10:00 PM
paolo.ricciuti.me
With the new release of @vivaldi.com, you can move the address bar (and literally everything) to the tab bar. It mean I now get full real estate.

The last thing bothering me was the window buttons overlapping with the page, so I've added a small notch below them!

I love that it is so customizable!
September 19, 2025 at 9:03 AM
paolo.ricciuti.me
GPT 4.1 totally sucks at svelte 5...most of the times it just writes svelte 4 code. But what if it could get a small hint with static analysis? 👀

It still sucks...but this is with a single autofixer+eslint and again, with a model that totally sucks. 👀

Help us help you 🧡

forms.gle/FhVGVAMCLBpw...
GPT 4.1 tasked with generate a component in svelte 5 to convert from celsius to fahrenheit invokes the Svelte MCP servers 6 times to finally produce a somewhat plausible svelte 5 component
September 17, 2025 at 4:54 PM
paolo.ricciuti.me
Friendship ended with whiteboard guy, now someone who use svelte is my best friend
September 17, 2025 at 2:22 PM
paolo.ricciuti.me
I was always fascinated by the play pause animation on youtube...so I replicated it! It was actually way simpler than i was expecting and it works on all browsers!

Check it out here:

svelte.dev/playground/7...
September 8, 2025 at 3:57 PM
paolo.ricciuti.me
Are you sure about that? I've also created a library in another folder that exports the `.d.ts` and it also seems to work.

If i remove the import it goes back to be just `string`.

Also if i remove the export, re-package the application, remove and reinstall it goes back to be just `string`
Two editor with two files in separate folders, on the left a svelte component ```svelte <script lang="ts"> import 'declare-lib-test/types'; </script> <h1>Welcome to SvelteKit</h1> <p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p> <file-pond animations="always"></file-pond> ``` on the right /lib/index.ts module ```ts // place files you want to import through the `$lib` alias in this folder. declare module 'svelte/elements' { interface SvelteHTMLElements { 'file-pond': { animations?: 'auto' | 'always' | 'never'; }; } } export {}; ``` the hover on `animations` shows ```ts (property) animations?: "auto" | "always" | "never" | undefined ``` which is the expected behaviour Two editor with two files in separate folders, on the left a svelte component ```svelte <script lang="ts"> import 'declare-lib-test/types'; </script> <h1>Welcome to SvelteKit</h1> <p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p> <file-pond animations="always"></file-pond> ``` on the right /lib/index.ts module ```ts // place files you want to import through the `$lib` alias in this folder. declare module 'svelte/elements' { interface SvelteHTMLElements { 'file-pond': { animations?: 'auto' | 'always' | 'never'; }; } } // export {}; ``` notice the extra commented export {} the hover on `animations` shows ```ts (property) "animations": string ``` which is not the expected behaviour
August 28, 2025 at 8:40 PM