Posts

Contents This article was inspired by Creating a Chrome Extension with React a Step by Step Guide. For the full code, check out the repo. Creating a Popup 1. Create React App Use the official Create React App CLI to kickstart your project: npx create-react-app react-chrome-ext --template typescript cd react-chrome-ext 2. Update the Files Update App.tsx to show a simple string: function App() { return ( <div className="App"> Hello World </div> ); } export default App; Update index.tsx: ...

November 11, 2024 Training the AI I’ve been working on an AI receptionist recently and this must be what its like to build a frankenstein from the pieces lying around your workshop. The final result feels eerily human but noticeably artificial. I understand almost entirely how it works and that’s the oddity that demarcates the thing as non-human. I can’t predict what a human will do with 80% accuracy, nor will a human follow my script to a T. ...

November 7, 2024 A New Language Working with AI is like blending your brain on high. You can work on multiple projects back-to-back-to-back with moderate efficiency and that’s amazing and tiresome at the same time. AI has made me want to build more and so I start a new project every time the opportunity presents itself. My creative mind has become increasingly fractal, spiraling outward in every direction, and to keep up with my plans my brain needs to stay focused for longer. ...

November 9, 2024 Microblogging Made Easy Microblogging is easy, especially compared to macroblogging, but sometimes easy isn’t enough. We want effortless. I had an idea today to create an application that you could send thoughts and links to throughout the day and it would create a daily microblog post based on the content. With LLMs, I imagine this would be hardly more difficult than forming a juicy prompt and piping messages into it. ...

November 6, 2024 Towards Something The more I work as a developer, the more it becomes clear that I could spend my entire life struggling with the details. Every day there are new tools, frameworks, and patterns to learn. Tools you mastered change. The language syntaxes you burned into your connectome aren’t resilient to the turn of the clock hand. If I were an electrician, I could spend a lifetime pinching at the wires with solder-coated fingers. ...

November 5, 2024 Building an AI Chatbot with xAI xAI just released their API and through the end of the year you can get $25 in credits each month. I took it for a quick spin and set up a chatbot using NextJS and Deepgram. The first step was to create an xAI account and generate an API key: Then, spin up a quick NextJS web page that uses the AI SDK. ...

November 4, 2024 The Conversation Cost AI copilots make you fast until they don’t. There is a very real “conversation cost” that materializes as you use AI tools and it’s best illustrated with an example. Say you want to create a two-sided marketplace for recruiters and job seekers. Standing in the middle of the greenfield, you can erect what appear to be finished structures in an incredibly short amount of time with AI. A landing page, authentication middleware, dashboards, database interfaces. The outline of the project is fast to assemble because the brush of the AI copilot is wide. ...

Just The Steps In the terminal, run the following command flutter create --template=package my_package Make your changes in the lib directory Update the pubspec.yaml file with your package information. Here’s an example: name: my_package description: A new Flutter package version: 0.0.1 homepage: https://example.com repository: type: git url: https://github.com/me/example Create an example directory with a sample Flutter app that demonstrates how to use your package flutter create example --empty Inside the pubspec.yaml file in the example directory, add the following: ...

Just the Steps Open settings Search for “address bar” (Privacy, search, and services -> Address bar and search) Select “Manage search engines” Select “Add” Fill in the fields with the following information: Search engine: SearchGPT Shortcut: @ai URL with %s in place of query: https://chatgpt.com/?q=%s&hints=search Click “Save” Click the three dots next to SearchGPT and select “Make default” If you don’t want to set SearchGPT as your default search engine, you can still use it by typing “@ai” in the address bar followed by your search query. ...

Just the Steps Open settings Search for “address bar” (Privacy, search, and services -> Address bar and search) Select “Manage search engines” Select “Add” Fill in the fields with the following information: Search engine: Perplexity Shortcut: @ai URL with %s in place of query: https://perplexity.ai/search/new?q=%s Click “Save” Click the three dots next to Perplexity and select “Make default” If you don’t want to set Perplexity as your default search engine, you can still use it by typing “@ai” in the address bar followed by your search query. ...