PromptDirector中文Get the extension ↗

PROMPTDIRECTOR · BEGINNER WALKTHROUGH

Follow the buttons,
save your first find.

Work through the first four steps once. The green numbers in the screenshots mark what to click.

Start with step 1 ↓ Jump to a feature

Screenshots come from PromptDirector 1.27.0 with the English interface — the extension follows your Chrome language, and you can pin it in Settings → “Interface language”. The first four steps and a few composer screens still show an earlier build.

PromptDirector's real case library: navigation on the left, search at the top and a wall of cases in the middle Case library
This is the case library you land on after opening the extension. Click an image to open the full-size version.
01 / FIRST CASE

Save your first case

Install once, and anything you like can go straight into your library.

01

Install the extension

The quickest way is the Chrome Web Store: click “Add to Chrome”. If you prefer the ZIP from GitHub, download the latest release and unzip it; type chrome://extensions in Chrome's address bar, turn on “Developer mode”, click “Load unpacked”, and select the unzipped extension folder.

Chrome Web StoreOpen the install page ↗ Latest release packageDownload the ZIP ↗

Once it is installed, click the puzzle-piece icon to the right of the address bar and pin PromptDirector to the toolbar. The steps below start with clicking the extension icon.

02

Open a work and click “Web capture”

Open the page with the work you want to save, click the PromptDirector icon in the Chrome toolbar, then click the green “Web capture” button in the panel.

The first time an authorization prompt appears, click “Authorize and continue”; the extension will not save the page on its own.

The real capture panel, with the green Web capture button1
1 Click the green “Web capture”.
03

Check the preview and save the case

The panel shows the text and media it found. If it is the work you want, click “Save case” at the bottom. If the media is wrong, expand “Review media” first.

The capture panel with the text and media it found, the Review media row and the Save case button12
1 Review the media if needed. 2 Click “Save case”.
04

Open the case library

Go back to the panel and click the library icon in the top-right corner. When the case library opens, the case you just saved is in the list; you can also find it with the search box at the top.

The case library icon in the top-right corner of the capture panel1
1 The icon in the top-right of the capture panel: open the library.
The case library page, with case library navigation on the left and the search box at the top23
2 You are in “Case library”. 3 Search at the top.
✓

Open a case to see its details

Click any case card to see the original visual, the original prompt, the source and the project. From there you can also click “Create from this”.

A real case detail page: media on the left, prompt and the Create from this button on the rightCreate from this
To keep creating, click “Create from this” on the right.
02 / BUILD YOUR LIBRARY

Collect and organize material

Find the entry point first, then see what is behind it.

Curated cases

Bring curated packs into your own library

In the case library, click “Curated cases” on the left, open a pack you like, then click “Save whole pack”.

The Curated cases entry on the left of the case library1
1 Click “Curated cases” on the left.
The Curated cases page, showing packs of creations2
2 Click a pack.
A curated pack detail page, with the Save whole pack button on the right3
3 Click “Save whole pack”. If you only want the ZIP, open the pack on the curated site to download it.
ZIP import and sharing

Bring case packs in and send them out

Import: gear icon in the top-right of the case library → “Interface and library” → “Import share package” → “Choose ZIP”. Export: click “Manage”, select cases → “More” → “Share” → “Download shared pack”.

The Import shared pack and Choose ZIP buttons on the settings page1
1 Click “Choose ZIP” in settings.
The More menu after selecting cases, including Share and batch analysis2
2 After selecting cases, click “Share” from “More”.
Batch visual analysis

Analyze several visuals at once

First connect an image or video analysis service in the AI settings. Back in the case library, click “Manage” in the top-right, select cases → “More” → the matching batch analysis. When videos are selected, image analysis is greyed out; check the number of requests and the cost before you run it.

The case library in batch management mode, with 11 cases selected1
1 After selecting cases, click “More”.
In the More menu, batch image analysis is greyed out while batch video analysis can be clicked23
2 The image option is greyed out. 3 Videos are selected here, so click video analysis.
03 / CREATE WITH REFERENCES

Create with cases

Connect your own AI service, then let cases and Creative Skills feed your next creation.

Before you start

Connect an AI service

Gear icon in the top-right of the case library → “AI settings” → “Service connections” → “Connect AI service”. After saving the service, choose models for image analysis, creation planning and other tasks on the “Task models” page. Calls to the service may cost money.

The AI settings service connections page, with the Connect AI service button in the top-right1
1 Click “Connect AI service”.
The Task models page, where models are chosen for text, image and video tasks2
2 On the “Task models” page, check which model each task uses.
Composer

Just say what you want to make

Click “Create” in the top-right of the case library. Write your goal at the bottom of the composer — for example “write me a cinematic character poster prompt” — then send it.

The “Create” button in the top-right of the case library1
1 Click “Start creating”.
The composer conversation and the input box at the bottom2
2 Type your goal at the bottom, then click the green send button.
Reference cases

Pick visuals, then generate a prompt

At the bottom of the composer, click “Reference”, search and tick the works you want to learn from on the “Cases” tab, then click “Apply references” in the bottom-right. Go back to the input box and write your goal.

The composer reference panel, showing case search, card checkboxes and the Apply references button123
1 Search cases. 2 Tick them. 3 Apply references.
Creative Skill

Save a method as a Skill

In the case library, click “Creative Skill” on the left, then “New Skill” in the top-right. Follow the page prompts: choose the source cases, describe the method you want to distill, review the draft and save.

The Creative Skill entry on the left of the case library1
1 Click “Creative Skill” on the left.
The Creative Skill hub, with the New Skill button in the top-right2
2 Click “New Skill”.
Skill + cases

Use a method and references together

In the composer, click “Reference”, choose your material on the “Cases” and “Skill” tabs, apply it, then write your goal and send. If you need the model to look at the images themselves, also turn on “Send original images too”.

The composer with a Skill tag and several reference cases appliedSkillCases
Above the input box you can see the Skill and the reference cases in use.
The reference input menu for this round, where Send original images too can be tickedOriginals
Only turn on “Send original images too” when the model needs to see the original visuals.
04 / MORE WHEN NEEDED

Once you are comfortable, explore these

These are the other features used in your screenshots; you can skip them the first time you save a case.

The More menu for a project on the left of the case library, including Manage cases and batch analysisProjects

Organize by project

Click the plus next to “Projects” on the left to create one; the “…” to the right of a project lets you manage its cases.

The Content type menu on the left, with image prompts, video prompts, documents and moreType

Find by content type

Expand “Content type” on the left and click image prompts, video or documents.

The tag filter list on the left, searchable by visual style, lighting and color and moreTags

Find by tag

Expand “Tag filter” and click a theme, style or color tag to narrow things down.

The case library list view, with masonry and list toggle buttons in the top-rightView

Switch how you browse

The picture icon and the list icon at the top switch between masonry and list.

The Curated Skills page, where public Skills can be saved locallySave

Download curated Skills

On the “Curated Skills” page, click “Save locally”; you can then use it in the composer.

The composer direction menu, offering image creation and video creationDirection

Choose image or video

Open “Creation direction” at the bottom of the composer and choose image creation or video creation.

The case library Add menu, including import local files, video link and quick noteAdd

Import local files

“Add” in the top-right of the case library imports files, saves video links or writes a quick note.

A prompt in a page comment and the “Add to this case” button in the capture panelAdd in

When the prompt is in the comments

Capture the work first, then add the prompt from the comments to the current case, and check it before saving.

The model picker at the bottom of the composerModel

Switch the creation model

Next to the composer's send button you can switch between connected models.

The composer settings menu, where the task, target model and output language can be chosenTask

Adjust this round of creation

Click the gear next to the input box to choose the task, the output language and more.

Analysis and creation rules in settings, where the creation method can be editedMethod

Customize the creation method

Settings → “Analysis & creation rules” → “Creation method”, and edit as needed.

The Tasks and maintenance page, with the Start tagging button for text tag backfillTag

Backfill text tags for older cases

In Settings → “Tasks & maintenance”, check how many are pending, then decide whether to start.

05 / NEW IN 1.27

More ways to work with your library

The first four steps cover everyday capture. These additions in 1.27 are here when you need them.

NEW IN 1.27

Let the Assistant work beside you

Click Assistant at the top right of the capture panel and ask in plain words: capture this video, open the library, find a few rainy-night street references. It works on the page you are on, and the save flow is the same as manual capture — originals, prompts and your edits are kept.

The real capture panel, with Assistant and Library at the top right1
1 Click Assistant at the top right of the capture panel.
The Assistant panel with suggested questions: how do I capture this, open library, find cases2
2 Pick a suggestion, or ask in your own words.
The Assistant input box with a model picker and send button3
3 Type your goal and press the green arrow.
CASE DETAIL

Find similar references, and notes on the exact frame

Open any case and scroll down to Similar cases. It lists the cases in your library that sit closest to it; open one to keep browsing. On video, add a creative note at any timestamp and jump back to that frame later.

The Similar cases section under a case detail, listing nearby cases from the librarySimilar
Under the case, your own library suggests the closest references.
A creative note saved at 18.19s on a video case, with the similar cases belowNotes
Creative notes stay on the timestamp where you saved them.
CODE CASES

Keep the source with the code case

Cases saved from code pages show View source code on the right. Expand it to read the full HTML/CSS/JS and copy it for further edits.

A code case detail with View source code expanded and the full code visibleSource
Click View source code, then read the code in place.
NEW IN 1.27

Video capture and the local video component

In Settings → Interface and library, find Video capture. Leave Save online playback only on while collecting; install the optional free video component when you need the original file, and Local video extraction will show Video component ready. Douyin, Bilibili, YouTube and more are supported.

The Video capture area in Interface and library, with Save online playback only and Local video extractionVideo
Both options live on the same settings page.
A YouTube page captured as a video case, with Review media and Save case in the panelSave
Video pages use the same preview; check Review media before Save case.
LIBRARY UPKEEP

Older material, duplicates and the recycle bin

Settings → Tasks and maintenance handles older material: Complete text tags, Automatic library index completion and Duplicate cases, each with its own progress and action. Deleted cases are not gone: open Recycle bin at the bottom of the library sidebar.

Tasks and maintenance with Complete text tags, Automatic library index completion and Duplicate cases123
1 Check the status　2 complete the index　3 review duplicates.
The Recycle bin entry at the bottom of the library sidebarRecycle
Deleted a case by mistake? Open Recycle bin at the bottom left.
SETTINGS & CONNECTION

Backup, sync and the Agent connection

Further down the same page: Agent connection, Backup and sync, and Cross-device sync. Copy connection request hands the library to Codex, Claude Code or WorkBuddy; Back up library saves the whole library and Restore library brings it back on another computer. Agent setup

Settings with Agent connection, Backup and sync, Cross-device sync and version 1.27.0AgentBackupSync
Agent connection, Backup and restore, and Sync across devices.
Step screenshot