When running a script with missing dependencies, Script Kit prompts you to add them. In this example, we will install LangChain and add an OpenAI API key.

ChatGPT Script Dependency Setup

When creating new scripts, duplicating an existing script and editing it as necessary is often faster. Here we will use the "Choose Your Own Adventure" script.

Duplicate Scripts to Create New Scripts

Script Kit stores scripts and related data in a Kit Environment, or `kenv` directory located in your home folder.

A Look at the Kit Environment

The Script Kit extension for Visual Studio Code provides a quick way to run scripts during the development process.

The Script Kit VS Code Extension

Defining a shortcut to the metadata at the top of a script gives you a fast way to run a script. 

Add a Shortcut to a Script

Practice with the Script Kit features explored so far by building an interactive TypeScript Quiz

Build an AI-powered Interactive Quiz with Script Kit

The "Choose Your Own Adventure" script can be expanded to support continuing past stories that have been saved to text files in the `kenv`.

Loading and Previewing Text Files in a Script

Script Kit allows you to use CLI tools and parse their output. In this example, `grep` is used to search files.

Use CLI Tools from a Script

Extend the "Choose Your Own Adventure" script with functionality that searches files and uses AI to create summaries.

Search and Summarize Files Across Directories

The Editor component that allows you to edit text files and AI responses directly within Script Kit.

Use the Editor Component to Work with Text

A markdown formatted header can be added as a comment at the top of a script, and will be displayed in the Script Kit UI when choosing a script to run.

Generate a Script Header with AI

Tokenized prompts in Open AI API have limits on tokens and billing. Keep track of token count for requests to manage usage effectively.

Counting Tokens

Optimize AI conversations with BufferWindowMemory. Include context for better results. Fine-tune memory settings

Keep Track of Conversations with BufferWindowMemory

Creating a prompt compressor script will help you to save tokens while still conveying the information in your prompt.

Build a Prompt Compressor Script

Conversation

Script Kit has a `lib` directory that allows you to share code between the scripts in your kenv. 

Sharing Code Between Scripts 

Due to the way TypeScript works, there are some things to keep in mind when writing code in the `lib` directory.

TypeScript Considerations for lib Functions

With Script Kit you can create feedback loops that allow you to influence the direction that AI should take when generating content.

Feedback Loops for AI Suggestions

Create a script that generates article content. 

Generate Article Headers and Content

By adding a shortcut, you'll be able to regenerate the content suggested by the AI.

Add a Regeneration Shortcut

The content creation scripts have similar functionality with repeated code. Extracting the editor chain will help reduce duplication. 

Extract a Reusable Editor Chain

The current state of the code will mix results from multiple chains if one is cancelled. This can be fixed by tracking which chain is in use. 

Fix AI Text Mixing

Building on the editor chain, you can write a script that will use AI to generate scripts.

Write a Script that Generates Scripts

Reflection refers to having the AI check its work for opportunities for improvement, then taking a second pass at the task.

Improve Output through Reflection

Script generation works even for complicated tasks involving npm libraries and third-party APIs. Run the resulting script, then debug any issues.

Generate a Meme Generator Script

Create a script that fixes issues in a script marked by special comments.

Automate Script Fixes with AI Comments

The same process used to fix code issues can be applied to changing generated text content.

Fixing an Article with AI Comments

Generation

Script Kit's getSelectedText helper function can access text from the clipboard for use in your scripts.

Generate a Tweet from Selected Text

Script Kit's `mini` helper provides another way to get user input for customizing our OpenAI prompt.

Get User Input with the mini Helper

The `keyv` library can be used to store input history for quick access when running scripts.

Storing Input History

Just as items can be stored in history, they can be removed as well.

Remove Stored Items from History

Moving the history store to a helper function allows for the same functionality to be used by different scripts.

Extract the History Store to a Helper Function

With an update to the code, you can store previously selected text for quick access to regeneration.

Store Selected Text in History

Implement a text rewriter script that uses the setSelectedText helper function. 

Add a Rewrite Content Shortcut

The UI for Script Kit's `mini` component can be customized to support longer content with help from Tailwind CSS classes.

Customize the mini Component

When text becomes too long to effectively display, the `preview` component can be used to render a markdown preview to the side of the UI.

Displaying a Preview of Long Text

Script Kit includes the option to append text to the current cursor position rather than replacing the selected text.

Implement a Suggestion Script

Simulate key combinations with pressKey in Script Kit. Direct AI output to cursor using text selection

Create a "Feeling Lucky" Script

Script Kit supports snippets that will run a script when a certain sequence of keyboard keys is detected.

Free Script Kit Tutorials

Script Kit x AI

Essential Automation Workflows for Web Developers