add Power-ups + No Flicker Mode to Hot table, add power-ups best-practice doc with screenshots

Co-Authored-By: Claude <noreply@anthropic.com>
2026-04-02 12:06:26 +05:00
parent 382b974e73
commit 16904719a6
6 changed files with 68 additions and 1 deletions
@@ -40,7 +40,8 @@ practice makes claude perfect

 | Feature | Location | Description |
 |---------|----------|-------------|
-| [**Fullscreen Rendering**](https://code.claude.com/docs/en/fullscreen) ![beta](!/tags/beta.svg) | `CLAUDE_CODE_NO_FLICKER=1` | Flicker-free alt-screen rendering with mouse support, stable memory, and in-app scrolling — opt-in research preview |
+| [**Power-ups**](best-practice/claude-power-ups.md) | `/powerup` | [![Best Practice](!/tags/best-practice.svg)](best-practice/claude-power-ups.md) Interactive lessons teaching Claude Code features with animated demos (v2.1.90) |
+| [**No Flicker Mode**](https://code.claude.com/docs/en/fullscreen) ![beta](!/tags/beta.svg) | `CLAUDE_CODE_NO_FLICKER=1` | [![Best Practice](!/tags/best-practice.svg)](https://x.com/bcherny/status/2039421575422980329) Flicker-free alt-screen rendering with mouse support, stable memory, and in-app scrolling — opt-in research preview |
 | [**Computer Use**](https://code.claude.com/docs/en/computer-use) ![beta](!/tags/beta.svg) | `computer-use` MCP server | Let Claude control your screen — open apps, click, type, and screenshot your display on macOS · [Desktop](https://code.claude.com/docs/en/desktop#let-claude-use-your-computer) |
 | [**Auto Mode**](https://code.claude.com/docs/en/permission-modes#eliminate-prompts-with-auto-mode) ![beta](!/tags/beta.svg) | `claude --enable-auto-mode` | [![Best Practice](!/tags/best-practice.svg)](https://x.com/claudeai/status/2036503582166393240) Background safety classifier replaces manual permission prompts — Claude decides what's safe while blocking prompt injection and risky escalations · Start with `claude --enable-auto-mode` (or `--permission-mode auto`), or cycle to it with `Shift+Tab` during a session · [Blog](https://claude.com/blog/auto-mode) |
 | [**Channels**](https://code.claude.com/docs/en/channels) ![beta](!/tags/beta.svg) | `--channels`, plugin-based | Push events from Telegram, Discord, or webhooks into a running session — Claude reacts while you're away · [Reference](https://code.claude.com/docs/en/channels-reference) |
@@ -0,0 +1,66 @@
+# Power-ups Best Practice
+
+![Last Updated](https://img.shields.io/badge/Last_Updated-Apr%2002%2C%202026-white?style=flat&labelColor=555)
+
+Interactive lessons teaching Claude Code features with animated demos. Each power-up teaches one thing Claude Code can do that most people miss. Introduced in v2.1.90.
+
+<table width="100%">
+<tr>
+<td><a href="../">← Back to Claude Code Best Practice</a></td>
+<td align="right"><img src="../!/claude-jumping.svg" alt="Claude" width="60" /></td>
+</tr>
+</table>
+
+---
+
+## Usage
+
+```bash
+claude
+/powerup
+```
+
+---
+
+## Power-ups (10)
+
+<p align="center">
+  <img src="assets/claude-power-ups/powerup-menu.png" alt="Power-ups menu showing 10 lessons" width="700">
+</p>
+
+| # | Power-up | Topics |
+|---|----------|--------|
+| 1 | Talk to your codebase | `@` files, line refs |
+| 2 | Steer with modes | `shift+tab`, plan, auto |
+| 3 | Undo anything | `/rewind`, `Esc-Esc` |
+| 4 | Run in the background | tasks, `/tasks` |
+| 5 | Teach Claude your rules | `CLAUDE.md`, `/memory` |
+| 6 | Extend with tools | MCP, `/mcp` |
+| 7 | Automate your workflow | skills, hooks |
+| 8 | Multiply yourself | subagents, `/agents` |
+| 9 | Code from anywhere | `/remote-control`, `/teleport` |
+| 10 | Dial the model | `/model`, `/effort` |
+
+---
+
+## Example: Dial the model
+
+The last power-up teaches model switching and effort control with an animated demo.
+
+<p align="center">
+  <img src="assets/claude-power-ups/dial-the-model-1.png" alt="Dial the model — demo thinking deeply" width="700">
+</p>
+
+<p align="center">
+  <img src="assets/claude-power-ups/dial-the-model-2.png" alt="Dial the model — demo showing hypotheses" width="700">
+</p>
+
+<p align="center">
+  <img src="assets/claude-power-ups/dial-the-model-3.png" alt="Dial the model — demo setting effort to high" width="700">
+</p>
+
+---
+
+## Sources
+
+- [Changelog — v2.1.90](https://code.claude.com/docs/en/changelog)