Components › Capability Discovery › Suggested Next Actions
CD02 · Guidance

Suggested Next Actions

Purpose Dynamic post-response recommendations that guide users toward logical next steps in a workflow. Reduces dead-ends after AI responses.
Use when The AI has completed a response and meaningful follow-on actions exist — refinement, expansion, export, escalation, or related queries.
Do not use After every response indiscriminately. Suggested next actions must be contextually derived from the specific output, not generic. "Ask a follow-up" is not a next action.
Failure mode prevented Users receive a useful AI output and then don't know what to do with it. Conversation stalls. Value is lost because the workflow has no forward momentum.
Example Dark Academia
Dark Academia
The Atelier
Neon Tide
The Archive
Candlelight
The Conservatory
What's next?
Overview
next-actions-chips — compact horizontal row of 2–4 action chips below a responsenext-actions-list — vertical list when actions require more descriptive labelsnext-actions-branching — shows two distinct paths (e.g., "Refine further" vs "Export result")
Design rule

Every suggested next action must be an action the AI can actually perform in this session. Do not suggest exporting to integrations that are not connected. Do not offer "schedule a meeting" if the system has no calendar access.

Theming API

Override these CSS custom properties to apply your own visual treatment without touching the component's behavioral contracts.

Shared semantic tokens

Token Controls
--rad-border-subtle Top border separating actions from response
--rad-color-text-primary Secondary chip text on hover
--rad-color-text-meta "Next steps" label
--rad-color-approve Focus ring color
--rad-radius-btn Chip border radius fallback

Component-scoped tokens

Token Controls
--rad-next-chip-bg Default chip background
--rad-next-chip-border Primary chip border
--rad-next-chip-color Primary chip text color
--rad-next-chip-hover-bg Primary chip hover fill
--rad-next-chip-secondary-color Secondary chip text
--rad-next-chip-secondary-border Secondary chip border

"*A good AI response answers the question. A great AI interface shows you where that answer leads.*"

← Previous Suggested Prompts Next → Prompt Enhancement

Intellectual Property

RAD is the original work of Jackie Curry. All rights reserved. No portion may be reproduced, adapted, or incorporated into any product or system without express written permission.

Permitted: citation in academic or editorial contexts with full attribution.

Licensing

© 2025 Jackie Curry. All rights reserved. Publication date: 2025.

For licensing inquiries, connect on LinkedIn →