Skip to content

feat: AI-first messaging and Copilot-aware portal quickstart next steps - #299

Merged
MuhammadRafay1 merged 3 commits into
devfrom
ai-first-messaging
Jul 27, 2026
Merged

feat: AI-first messaging and Copilot-aware portal quickstart next steps#299
MuhammadRafay1 merged 3 commits into
devfrom
ai-first-messaging

Conversation

@MuhammadRafay1

Copy link
Copy Markdown

AI-first messaging + Copilot-aware Portal quickstart Next Steps

Summary

Reworks user-facing copy across quickstart, portal generate, and the SDK quickstart flow to lead with Context Plugins / AI Assist, and makes the Portal quickstart Next Steps adapt to whether AI integration is actually enabled on the subscription. The single behavioural change is that Next Steps message; everything else is copy-only. .vscode/launch.json is intentionally excluded.

Command-by-command: before → after

apimatic quickstart — summary

  • Before: Create your first SDK or API Portal using APIMatic.
  • After: Create your first Context Plugins, API Portal or SDK using APIMatic.

apimatic quickstart — welcome

  • Before: …creating your first SDK or API Documentation Portal in just four easy steps.
  • After: …creating your first Context Plugins, API Documentation Portal or SDK in just four easy steps.

apimatic quickstart — flow selector

  • Before: prompt What would you like to create?; API Documentation Portal (hint Generate API docs + SDKs); SDK
  • After: prompt How do you want to get started?; API Portal + Context Plugins + SDKs (no hint); SDK Only (hint Add the API Portal and Context Plugins later)

apimatic quickstart (Portal) — language selection

  • Before: Your API Portal will contain SDKs and SDK Documentation in the following Languages (HTTP is enabled by default). Press enter … space to customize your selection:
  • After: Your API Portal will contain Context Plugins for AI agents, SDKs, and SDK documentation in the following languages (HTTP is enabled by default). Press Enter … Space to customize your selection

apimatic quickstart (Portal) — Next Steps

  • Before (single): Use the API Playground or an SDK to call your API. / Customize the Portal theme, add API recipes and enable AI features
  • After, AI integration ENABLED: Nice work! Your API Portal is ready. … Install your API's Context Plugins to help AI coding agents understand your API and generate more accurate code. … You can also customize the Portal theme, add API recipes and enable AI features.
  • After, AI integration DISABLED: unchanged from the previous message.

apimatic portal generate — summary

  • Before: Generate an API Documentation portal
  • After: Generate Context Plugins, API Documentation Portal with AI Assist Features.

apimatic portal generate — spinner

  • Before: Generating portal
  • After: Generating API Portal, Context Plugins, and SDKs...

apimatic quickstart (SDK) — Next Steps — added line: Explore API Portals and Context Plugins next to enhance your API experience.

apimatic sdk generate — unchanged (avoids the double-print, since quickstart reuses this action).

README.md — regenerated to reflect the two updated summaries.

Subscription / entitlement logic

Copilot and Context Plugin (AI integration) are independent features: AI integration can't exist without Copilot, but Copilot can exist with AI integration off — so a Copilot check alone is insufficient. SubscriptionInfo (/account/profile) only exposes ApiCopilotKeys and has no Context Plugin field, so the variant is gated on the pruned build file (the plan-prune is the entitlement authority) via a new BuildConfig.hasAiIntegration():

public hasAiIntegration(): boolean {
const languageSettings = this.data.generatePortal?.portalSettings?.languageSettings;
if (!languageSettings) { return false; }
return Object.values(languageSettings).some((setting) => {
const ai = setting.aiIntegration;
return ai != null && [ai.cursor, ai.claudeCode, ai.vscode].some((editor) => editor?.isEnabled === true);
});
}

Passed into the prompt where the pruned config is already in scope (no extra API call): this.prompts.nextSteps(prunedConfig.hasAiIntegration()). Validated against real prune responses — when AI integration isn't on the plan the server drops the aiIntegration key entirely (removedAiIntegration: true) and the accessor returns false; with it on, true.

Complexity / Sonar

hasAiIntegration() is a small new method (well under 15); nextSteps() gained one ternary; no new branches were added to the large execute() method.

Reword quickstart, portal generate, and SDK quickstart copy to lead with
Context Plugins / AI Assist, and make the portal quickstart Next Steps show a
Context Plugin message only when AI integration survived the plan prune.

Add BuildConfig.hasAiIntegration() so the next-steps message is gated on the
pruned build file (the entitlement authority) rather than raw subscription info.

Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
@mehnoorsiddiqui

mehnoorsiddiqui commented Jul 22, 2026

Copy link
Copy Markdown

This is the cli output. Next Steps is not updated.

$ pnpm apimatic quickstart 
$ node ./bin/run.js "quickstart"
┌   Quickstart 
│
●  Welcome to the APIMatic quickstart wizard.
│
│  This wizard will guide you through creating your first Context Plugins, API Documentation Portal or SDK in just four easy steps.
│  Let's get started!
│
◇  How do you want to get started?
│  API Portal + Context Plugins + SDKs
│
●  Step 1 of 4: Import your OpenAPI Definition
│
◇  Provide a local path or a public URL for your OpenAPI Definition file:
│  https://raw.githubusercontent.com/apimatic/sample-docs-as-code-portal/refs/heads/master/src/sp
ec/openapi.json
│
◇  API Definition downloaded
│
●  Step 2 of 4: Validate and Lint your OpenAPI Definition
│
◇  API validation completed
│
●  Step 3 of 4: Select programming languages
│
◇  Your API Portal will contain Context Plugins for AI agents, SDKs, and SDK documentation in the
following languages (HTTP is enabled by default). Press Enter to continue with all languages, or
use the arrow keys and Space to customize your selection
│  Typescript, Ruby, Python, Java, C#, PHP, Go
│
●  Step 4 of 4: Generate source files for Docs as Code
│
◇  Enter the directory path where you would like to setup the API Portal (Requires an empty
directory):
│  "C:\Users\mehno\Documents\test-2"
│
◇  Source directory set up successfully
│
▲  Some portal features aren't on your current subscription plan and were removed before generation:
│
│    • AI context plugins (Cursor / VS Code / Claude Code)
│
│  Upgrade your subscription to unlock these: https://www.apimatic.io/pricing
│
▲  API Copilot is enabled with key '4b80eb6a-5289-4ff7-a68d-6c5de4e58c3e'. Any existing AI context associated with this key will be overwritten when the portal is generated.
│
●  'src' directory containing source files created at 'C:\Users\mehno\Documents\test-2'
│  └─ src
│     ├─ APIMATIC-BUILD.json # Defines all configurations for the API portal, including programming languages and themes
│     ├─ README.md
│     ├─ content # Includes custom documentation pages in Markdown
│     |  ├─ toc.yml # Controls the structure of the side navigation bar in the API portal
│     |  └─ why-apimatic
│     |     └─ what-apimatic-offers.md
│     ├─ spec # Contains all API definition files
│     |  ├─ APIMATIC-META.json # Defines customization for SDK generation
│     |  └─ openapi.json
│     └─ static # Includes all static files, such as images, GIFs, and PDFs
│        └─ images
│           ├─ favicon.ico
│           ├─ placeholder-logo-dark.png
│           └─ placeholder-logo.png
│
│
◇  Portal generated successfully.
│
●  Portal artifacts can be found at 'C:\Users\mehno\Documents\test-2\portal'.
│
│  The portal is running at http://localhost:23513
│
│  Press CTRL+C to stop the server.
│
◇  Next Steps ─────────────────────────────────────────────────────────╮
│                                                                      │
│  Use the API Playground or an SDK to call your API.                  │
│  Customize the Portal theme, add API recipes and enable AI features  │
│  https://docs.apimatic.io/cli-getting-started/advanced-portal-setup  │
│                                                                      │
├──────────────────────────────────────────────────────────────────────╯

@mehnoorsiddiqui

Copy link
Copy Markdown

One UX inconsistency I noticed

This sequence is a little odd:

Some portal features aren't on your current subscription...
• AI context plugins

followed immediately by

API Copilot is enabled...

To a user that feels like

  • AI is disabled.
  • AI is enabled.

even though internally they're different products.

@mehnoorsiddiqui
mehnoorsiddiqui self-requested a review July 22, 2026 07:38
Comment thread README.md Outdated
running command...
$ apimatic (--version)
@apimatic/cli/1.1.0-beta.16 win32-x64 node-v23.4.0
@apimatic/cli/1.1.0 win32-x64 node-v24.14.1

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why updated the version ?

Comment thread src/commands/quickstart.ts Outdated
Comment thread src/prompts/portal/quickstart.ts
@mehnoorsiddiqui

Copy link
Copy Markdown

Use exactly two user-facing terms, and never a synonym:

For Context Plugin => Context Plugin. Not AI context plugins
For API Copilot -> API Copilot. Not AI Context

src/prompts/portal/quickstart.ts:190

  • "AI context plugins (Cursor / VS Code / Claude Code)"
  • "Context Plugins (for Cursor, VS Code, and Claude Code)"

src/prompts/portal/quickstart.ts:299-303 — Copilot caution (disambiguate from Context Plugins)
"AI context" collides with "Context Plugins" — rename it to Copilot's own data:

  • API Copilot is enabled with key ${f.var(key)}. +
  • Any existing AI context associated with this key will be overwritten when the portal is generated.
  • API Copilot is enabled with key ${f.var(key)}. +
  • Any existing Copilot context linked to this key will be overwritten when the portal is generated.

Comment thread src/prompts/quickstart.ts
Comment thread src/prompts/portal/quickstart.ts Outdated

Install your API's Context Plugins to help AI coding agents understand your API and generate more accurate code.

You can also customize the Portal theme, add API recipes and enable AI features.

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

drop the redundant "enable AI features" (they're already on),

Comment thread src/prompts/portal/quickstart.ts Outdated
Comment thread src/prompts/portal/quickstart.ts Outdated
Comment thread src/prompts/portal/generate.ts Outdated
Comment thread src/prompts/portal/quickstart.ts Outdated
Comment thread src/commands/portal/generate.ts Outdated
MuhammadRafay1 and others added 2 commits July 22, 2026 18:42
Soften portal quickstart claims to reflect that Context Plugins/SDKs may be
pruned by plan (language step "can" not "will"; spinner back to "Generating API
Portal"), tidy Copilot vs Context Plugin terminology, and reword command
summaries and next-steps copy.

Revert README to the dev baseline; the command reference is autogenerated via
`oclif readme` and should not be hand-maintained here.

Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
Reinstate the AI-first ordering softened in d0bb8e1: command summaries, quickstart welcome copy, and the portal option label now lead with Context Plugins across all user-facing strings for a consistent voice.

Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
@sonarqubecloud

Copy link
Copy Markdown

@MuhammadRafay1
MuhammadRafay1 merged commit c1f3297 into dev Jul 27, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants