🌈 VitePress & Hover Card 🗂️
🔀 x-cmd.com

#zag #unocss #vitepress #CLI #linux #command-line #shell

4/4 🧵 X-CMD theme + Shiki

Interestingly, the `x theme --app` on the website provides an interactive preview using theme snapshots.

With the combination of theme snapshots and Shiki, Previews of each command line prompt theme on the webpage, rather than using screenshots.

3/4 🧵 Command line Demo - asciinema

The X-CMD website has many commands demo. We spent a lot of time and effort creating. They are scripted and converted into a format compatible with the asciinema player.

2/4 🧵 UI - Unocss + Zag

The UI components of the website are mainly created using Unocss + Zag (headless components) to quickly produce highly customized and lightweight components.

1/4 🧵 Vitepress - Dynamic Routes

◆ X-CMD has different content collections such as Mod, Pkg, 1min, Cookbook ...
◆ Most of the content is generated from structured data and Dynamic Routes, which is consistent with command completion and the `help` documentation of commands.

🌈 In the past two years, most of my work has been on developing the official website for X-CMD

"A modern CLI Guide website"
x-cmd.com

🖖 I created this thread to record and share my development journey

#vitepress #unocss #asciinema #shiki
🧵/4 👇

2024 🔚

x theme | x-cmd mod | Use command line prompt theme, Globally manage the display style of all x related interactive compoments. If you want to view more themes online, please visit https://x-cmd.com/t... x theme - Use command line prompt theme, Globally manage the display style of all x related interactive compoments. If you want to view more themes online, please visit https://x-cmd.com/theme/

🌈 Links:
→ x-cmd | mod | theme: x-cmd.com/mod/theme
→ x-cmd | mod | starship: x-cmd.com/mod/starship
→ x-cmd | mod | ohmyposh: x-cmd.com/mod/ohmyposh
→ x-cmd | theme | get-stared: x-cmd.com/theme/

🧩 x theme|starship|ohmyposh - Find your favorite terminal prompt theme

🔍 Enhanced Starship and Oh My Posh modules, combining with fzf to achieve theme preview and terminal theme switching.
→ x-cmd.com

#X-CMD #starship #oh-my-posh #fzf #terminal #CLI
cc @ohmyposh.dev @matchai.dev @jan.ohmyposh.dev

x theme | x-cmd mod | Use command line prompt theme, Globally manage the display style of all x related interactive compoments. If you want to view more themes online, please visit https://x-cmd.com/t... x theme - Use command line prompt theme, Globally manage the display style of all x related interactive compoments. If you want to view more themes online, please visit https://x-cmd.com/theme/

🌈 Links:
→ x-cmd | mod | theme: x-cmd.com/mod/theme
→ x-cmd | mod | starship: x-cmd.com/mod/starship
→ x-cmd | mod | ohmyposh: x-cmd.com/mod/ohmyposh
→ x-cmd | theme | get-stared: x-cmd.com/theme/

I completed the `shadcn` command completion on X-CMD today. LOL, it's a small daily contribution. 👻
bsky.app/profile/qbb....

☀️ shadcn command completion has been added, using the advise module of X-CMD

1. npx and bunx can also be used.
2. It mainly targets most interactive shells (Zsh and Bash).
cc @shadcn.com

👇 If you have other commands to add, let me know via CMD name.
#X-CMD #CLI #shadcn
bsky.app/profile/qbb....

X-CMD is officially on Bluesky now ! 👉 @x-cmd.com

🧩 x man - Command Line Manual. fzf enhances interactive and search, combines with tldr for quick get usage, manual doc highlights syntax.

→ x-cmd | mod : x-cmd.com/mod/man
#X-CMD #CLI #man #manual #tldr #fzf #linux

Need to refresh the DM to display the reply.
I have added now lol 😂 Thx

How to add it to the profile after the apply repo is completed?
🧐

x ping : Enhancedoutput for ping

x ping -m : Output in heatmap mode

x ping -b - Output ping data in bar chart mode

🧩 x ping - ping but with a Graph, using POSIX Shell & AWK

→ x-cmd | mod : x-cmd.com/mod/ping
#X-CMD #CLI #ping

LOL, Actually, I shouldn't have used too many examples in one video, as it might confuse people.

Yes, in the future, if anyone needs native completion for these commands, such as zsh or bash, feel free to leave me a message, and I will use my spare time to add it. 🤗
x-cmd.com

#X-CMD #CLI

x-satori - 🌠 Using Astro (.astro) file to generate Open Graph image power by Satori and Vite YouTube video by Q Ben Zheng

Yeah, I used it to make a code tutorial video. Achieved the effect I wanted 🤗. 🕛 1:00 👇
www.youtube.com/watch?v=LG8P...

I will add this feature in X-CMD in the next couple of days, and at the same time, npx and bunx will also be added.

👋 HI there. I am Ben and I will be sharing tutorials about CLI (command line tools) or the usage of packages here, mainly sourced from X-CMD.

Debi my cat nice to meet you 👋

Interestingly, the X-CMD team is made up of cat members. Yeah, our company has many cats. LOL 😆
x-cmd.com/about

#X-CMD

Interestingly, the X-CMD team is made up of cat members. Yeah, our company has many cats. LOL 😆
x-cmd.com/about

#X-CMD

Wink 😉

Happy Halloween 👻

Happy Birthday 🤗

X-CMD - Lightweight POSIX script for managing tools (500+) and providing classic command extensions in an open-source environment. Power of command. Excalibur in cloud. Lightweight POSIX script for managing tools (500+) and providing classic command extensions in an open-source environment.

👋 HI there 🦋
😎 I will be posting tutorials about command line tools or the usage of packages here, mainly sourced from X-CMD.
x-cmd.com
😉 I hope you all enjoy it.

#X-CMD