Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Guided Flows and Multi-Step Wizards v1.0.0

Use this resource to design a multi-step flow (onboarding, purchase, setup)

New

  • 528 downloads
  • 122 likes
  • 230 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install guided-user-flows

With no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.

First time: connect the CLI with

npx --yes palatekit@latest login

The agent first decides whether to guide or let users explore, then structures the wizard: step indicator, back navigation, validation, final summary. It applies rules specific to purchase flows. You get a flow that stays consistent with the rest of your product.

Mostly picked by

Updated November 2, 2026

Diagram of a multi-step wizard with a progress indicator.

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • SKILL.md: when to guide, wizard anatomy, purchase rules
  • Step design principles
  • An eight-point review checklist

Good fit for

  • A new-user onboarding
  • An online store order flow
  • A multi-step service setup

Not for

  • Dashboards and settings with free navigation
  • Detailed form field design
  • Usability testing with real users

Tags

  • onboarding
  • wizard
  • user flow
  • ux
  • checkout

About

You say

"Design a four-step setup wizard for my service, with a summary before confirmation."

Diagram of a multi-step wizard with a progress indicator.

Skill published by dembrandt under the MIT license.

Show more

Prerequisites

You bring
The task to guide and its audience and The visual style of your existing product, if available

How to use it

  1. Install the skill in your agent's skills folder.
  2. Describe the task and the audience.
  3. Have it generate the flow, then run the checklist.

Content preview

Files

  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • SKILL.md5.1 KB

Origin and licence

Modified by PalateKit

Author
dembrandt
Source
github.com/dembrandt/dembrandt-skills/tree/c4ad177dea5b864f779f8c722f28cf04f760cb22/skills/user-flows-and-guided-paths
Licence
MIT

Notice

Version modifiée de « user-flows-and-guided-paths » (dembrandt, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Does it trigger on its own?

Its header contains trigger words (wizard, onboarding, checkout). You can also call it by name.

Does it produce code?

It guides the design; the agent then writes code for your stack.