// The Toolbox / Open to everyone
Good tools.
Shared openly.
↗Tools worth exploring.
Lessons you can try.
People to learn from.
Take what helps. Try something new. No email, account or follow needed.
Find something useful ↓12 resources
React's official social artwork with its atom mark on a dark backgroundtoolWeb development
Build the buttons, forms and changing parts people use on a website.
Turn repeated interface elements into reusable pieces. Next.js official white wordmark on its black social artworktoolWeb development
Organise a React website into pages, shared layouts and the information they need.
Understand how a larger React website organises its routes. Docker's official product artworktoolInfrastructure
Run an app with the software it needs, so setup is easier to repeat.
Recognise what a container changes and what it leaves for you to manage. Cloudflare's official Pages illustrationtoolInfrastructure
Put a website online so other people can visit it while your computer is switched off.
Work out what your website needs before choosing its hosting. Open WebUI visual showing local models, cloud models, tools and knowledge connecting to one interfacetoolAI tools
A chat app you can set up yourself and connect to different AI models.
See the difference between the chat interface and the model behind it. Editorial illustration: Ollama connects to a model on your computer or in the cloud. The Ollama mark is official.toolAI tools
Run supported AI models on your own computer, with cloud options available too.
Choose the model location deliberately before starting a task. Official ChatGPT Learn artwork for its Build skills guidetutorialAI workflows
Save instructions for a repeated task so you do not have to explain it to Codex every time.
Make an editorial check easier to repeat. Official ChatGPT Learn artwork for its Build plugins guidetutorialAI workflows
Bundle related instructions and optional tool connections so you can install them together.
Understand the files in a small skills-only plugin. Official ChatGPT Learn artwork for its Hooks guidetutorialAI workflows
Run an action you have checked at a chosen point in Codex, such as when a response ends.
Read a hook definition before deciding whether it should run. Cloudflare's official Skills artworkrepositoryAI workflows
Help an AI assistant use Cloudflare's own guidance when working on a website.
Find product-specific guidance instead of relying on a generic prompt. Simon Willison's public GitHub portrait in an editorial composition about his writing on AI and building for the web.creatorPeople and learning
Practical explanations, experiments and software tools from developer Simon Willison.
Follow the source of an idea and give its author credit. Illustrative LLM command: llm 'Explain this idea'. Type a prompt, choose a connected model, then read its reply. No command is running.tutorialPeople and learning
Learn to send AI requests using typed computer commands and reuse the same instructions.
Learn how an explicit model choice changes a command-line workflow. Start with the official source. Any commercial relationship is disclosed beside the link. A listing never means you have to buy something.
// Less theory. More trying.
One small thing.
Then make it work.
Plain-language explainers with something practical to try. Read at your own pace, then follow the people and documentation behind the ideas.
Explore practical lessons ReactBuild a React toggle with useState, a stable accessible button name and clear saved-state feedback. Test it by mouse, keyboard and refresh.
Codex CLI or IDE extensionWrite a small instruction-only skill for checking a draft.
Codex and the portable Agent Plugins formatCreate the local files for a small skills-only plugin.
// Keep exploring
Useful things.
No strings attached.
A monthly roundup of useful tools, good work and things worth learning is in the making.
Sign-up isn’t open yet. Everything here is yours to explore without an email address.
Try a practical lesson