From 0c7e529e6d58ace514bd1d33febe52c0a48349a5 Mon Sep 17 00:00:00 2001 From: Jay V Date: Thu, 24 Jul 2025 18:57:50 -0400 Subject: [PATCH] docs: add to quick start --- packages/web/src/content/docs/docs/index.mdx | 27 +++++++++++++++++--- 1 file changed, 24 insertions(+), 3 deletions(-) diff --git a/packages/web/src/content/docs/docs/index.mdx b/packages/web/src/content/docs/docs/index.mdx index b96f773b..871b5ca3 100644 --- a/packages/web/src/content/docs/docs/index.mdx +++ b/packages/web/src/content/docs/docs/index.mdx @@ -9,7 +9,21 @@ import { Tabs, TabItem } from "@astrojs/starlight/components" ![opencode TUI with the opencode theme](../../../assets/lander/screenshot.png) -Let's start by installing opencode. +Let's get started. + +--- + +#### Prerequisites + +To use opencode, you'll need: + +1. A modern terminal emulator like: + - [WezTerm](https://wezterm.org), cross-platform + - [Alacritty](https://alacritty.org), cross-platform + - [Ghostty](https://ghostty.org), Linux and macOS + - [Kitty](https://sw.kovidgoyal.net/kitty/), Linux and macOS + +2. API keys for the LLM providers you want to use. --- @@ -190,10 +204,17 @@ You can ask opencode to add new features to your project. Though we first recomm Once it gives you a plan, you can give it feedback or add more details. ```txt frame="none" - We'd like to design this new screen using the design we are already using. - There's an example of a list of notes in @packages/web/src/components/NoteList.tsx + We'd like to design this new screen using a design I've used before. + [Image #1] Take a look at this image and use it as a reference. ``` + :::tip + Drag and drop images into the terminal to add them to the prompt. + ::: + + opencode can scan any images you give it and add them to the prompt. You can + do this by dragging and dropping an image into the terminal. + 3. **Build the feature** Once you feel comfortable with the plan, switch back to _Build mode_ by