Email or username:

Password:

Forgot your password?
Simon's posts Post Back to profile
Top-level
Simon Willison

I have a similar set of custom instructions I use with Claude Artifacts to get it to produce mobile-friendly single page HTML apps that run without a build step

Never use React in artifactsβ€”always plain HTML and vanilla JavaScript and CSS with minimal dependencies. CSS should be indented with two spaces and should start like this: <style> * { box-sizing: border-box; } Inputs and textareas should be font size 16px. Font should always prefer Helvetica. JavaScript should be two space indents and start like this: <script type="module"> // code in here should not be indented at the first level
19 December at 13:47 | Open on fedi.simonwillison.net
11 comments
Evan Prodromou

@simon you don't allow Web Components?

19 December at 14:08 | Open on cosocial.ca
Simon Willison

@evan love Web Components - I often prompt it to create those directly, but I still want them all in a single file so I can easily copy and paste the whole lot out of the LLM at once

19 December at 14:45 | Open on fedi.simonwillison.net
Evan Prodromou

@simon So, you don’t use an IDE with integrated AI, like VSCode with CoPilot or Cursor or Zed or whatever?

19 December at 15:53 | Open on cosocial.ca
Simon Willison

@evan I use GitHub copilot but I get a ton of work done directly in Claude (with Artifacts) and ChatGPT (with Code Interpeter) pasting code back and forth

19 December at 16:07 | Open on fedi.simonwillison.net
Evan Prodromou

@simon last question! Do you ever use a local Open Suorce model for code generation, and if so, which one?

19 December at 16:30 | Open on cosocial.ca
Simon Willison
Simon Willison

@evan both of them use so much memory that I have to shut down a bunch of Firefox tabs and VS code windows first - plus they're noticeably slower than the best hosted models

19 December at 16:36 | Open on fedi.simonwillison.net
Kyle Howells

@simon @evan I also only use local models on flights really. However, I will say I've found the smaller Qwen2.5-coder models on Ollama to be good enough, and importantly fast enough for most simple boiler plate work without taking up all my ram to run them.

20 December at 6:26 | Open on mastodon.social
Prem Kumar Aparanji πŸ‘ΆπŸ€–πŸ˜

@simon loving that you explicitly deny react πŸ˜…

19 December at 14:18 | Open on mastodon.social
Simon Willison

@prem_k with Claude Artifacts you have to or it defaults to writing you a React component every time!

19 December at 14:46 | Open on fedi.simonwillison.net
Prem Kumar Aparanji πŸ‘ΆπŸ€–πŸ˜

@simon true that ... I say some version of "native JavaScript without libraries as much as possible"

19 December at 14:48 | Open on mastodon.social
Go Up