Skip to content

Commit 4b5a370

Browse files
ndemiancclaude
andcommitted
Onboarding: branded SVG visuals + tightened copy for the Welcome walkthrough
Polish the 'Welcome to LevelCode' first-run walkthrough (option b): replace the plain-markdown media with three theme-aware, LevelCode-violet SVG illustrations — Connect your AI (editor + violet inline-completion + chat), Make it yours (theme swatches + keymap keycaps), Stay up to date (v0.4→v0.5 with a chevron badge that echoes the app mark). Each uses var(--vscode-foreground) so it adapts to the active editor theme, with #7C5CD6 as the constant accent; verified rendering in both dark and light. Tightened the three step descriptions and kept every command CTA (sign-in, BYOK, pick-model, theme, keymap, check-updates). Removed the now-unused *.md media. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
1 parent a14e7ce commit 4b5a370

7 files changed

Lines changed: 91 additions & 35 deletions

File tree

‎extensions/levelcode-ai/media/walkthrough/ai.md‎

Lines changed: 0 additions & 10 deletions
This file was deleted.
Lines changed: 31 additions & 0 deletions
Loading

‎extensions/levelcode-ai/media/walkthrough/look.md‎

Lines changed: 0 additions & 10 deletions
This file was deleted.
Lines changed: 33 additions & 0 deletions
Loading

‎extensions/levelcode-ai/media/walkthrough/updates.md‎

Lines changed: 0 additions & 9 deletions
This file was deleted.
Lines changed: 18 additions & 0 deletions
Loading

‎extensions/levelcode-ai/package.json‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,10 @@
3131
{
3232
"id": "ai",
3333
"title": "Connect your AI",
34-
"description": "Sign in to LevelCode and you're on your plan — AI runs through your subscription automatically, with no API key to manage. Prefer your own key? BYOK works too: LevelCode speaks every major provider — Claude (the default, and what powers the agent), plus OpenAI, OpenRouter, Groq, Mistral, DeepSeek, local Ollama and more. Then open the chat.\n[Sign in to LevelCode](command:levelcode.ai.account)\n[Set your API key (BYOK)](command:levelcode.ai.setApiKey)\n[Pick a model / provider](command:levelcode.ai.pickModel)\n[Open the chat](command:levelcode.ai.focus)",
34+
"description": "Native Claude, built into the editor — chat with your files as context, inline completions as you type, and an agent that reads, edits, and runs commands across your project. **Sign in and you're on your plan** — no API key to manage. Prefer your own? BYOK speaks Claude, OpenAI, Groq, Mistral, Ollama and more.\n[Sign in to LevelCode](command:levelcode.ai.account)\n[Use your own key (BYOK)](command:levelcode.ai.setApiKey)\n[Pick a model](command:levelcode.ai.pickModel)\n[Open the chat](command:levelcode.ai.focus)",
3535
"media": {
36-
"markdown": "media/walkthrough/ai.md"
36+
"svg": "media/walkthrough/ai.svg",
37+
"altText": "Native AI chat, inline completions, and an agent built into the editor"
3738
},
3839
"completionEvents": [
3940
"onCommand:levelcode.ai.setApiKey",
@@ -43,9 +44,10 @@
4344
{
4445
"id": "look",
4546
"title": "Make it yours",
46-
"description": "Pick a theme and an editing keymap — Atom, Notepad++, or Sublime muscle memory are built in.\n[Choose a theme](command:workbench.action.selectTheme)\n[Apply a keymap preset](command:levelcode.keymap.apply)",
47+
"description": "Signature **One Dark / One Light** themes, **Atom · Notepad++ · Sublime** keymaps so your muscle memory just works, and Notepad++ power-editing — macros, column edit, big-file mode. Make it feel like home.\n[Choose a theme](command:workbench.action.selectTheme)\n[Apply a keymap preset](command:levelcode.keymap.apply)",
4748
"media": {
48-
"markdown": "media/walkthrough/look.md"
49+
"svg": "media/walkthrough/look.svg",
50+
"altText": "Signature themes, keymap presets, and Notepad++ power-editing"
4951
},
5052
"completionEvents": [
5153
"onCommand:levelcode.keymap.apply"
@@ -54,9 +56,10 @@
5456
{
5557
"id": "updates",
5658
"title": "Stay up to date",
57-
"description": "LevelCode checks for new releases and tells you when one is ready to download.\n[Check for updates](command:levelcode.update.check)",
59+
"description": "LevelCode checks for new releases in the background and tells you the moment one's ready — one click to download. That's the tour. Happy hacking.\n[Check for updates](command:levelcode.update.check)",
5860
"media": {
59-
"markdown": "media/walkthrough/updates.md"
61+
"svg": "media/walkthrough/updates.svg",
62+
"altText": "LevelCode checks for new releases and downloads them in one click"
6063
},
6164
"completionEvents": [
6265
"onCommand:levelcode.update.check"

0 commit comments

Comments
 (0)