https://anthropic.skilljar.com/claude-code-in-action

• Tips

  • #: set memory
  • @: mention files
  • Ctrl-v: paste image

• Context

  • Escape: interrupt and redirect the conversation
  • Double-tap Escape: rewind the conversation
  • /compact: summarize current conversation for things learned and continue a related task
  • /clear: dump current conversation and start an unrelated task

• Intelligence

  • Planning mode for breadth-first tasks
  • Thinking mode for depth-first tasks. Use keywords (sorted from less to more tokens):
    • Think: Basic reasoning
    • Think more: Extended reasoning
    • Think a lot: Comprehensive reasoning
    • Think longer: Extended time reasoning
    • Ultrathink: Maximum reasoning capability

• Custom commands

  • Create a markdown in .claude/commands/<COMMAND>.md.
  • In the command, use $ARGUMENTS to receive user prompt. For example,
    • Create .claude/commands/test.md:

      Your task is to write tests for $ARGUMENTS
      

    • Usage: /test the User model
  • I found if you create commands in ~/.claude/commands/, they become global. For example,
    • Create ~/.claude/commands/backup.md:

      Create a backup for ~/.claude/CLAUDE.md using gist
      

    • Use in any conversation: /backup

• MCP servers

  • Add server

    claude mcp add playwright npx @playwright/mcp@latest
    

  • Pre-configure permissions: open the .claude/settings.local.json file and add the server to the allow array:

    {
      "permissions": {
        "allow": ["mcp__playwright"],
        "deny": []
      }
    }
    

I’m using the Atlassian Remote MCP Server in Claude Code to fetch Jira tickets. I installed it per-project using claude mcp add-json <name> <string>. Recently, I noticed it keeps failing in one project, although the config is exactly the same.

I checked the problem by locating the MCP server command and executing it within the project. The error raised: No environment file found at: `.env`. It reminded me that UV_ENV_FILE=.env is set globally, and it’s too convenient to be noticed. After removing the environment variable, the MCP server works.

Install llm:

uv tool install llm

Install plugins:

llm install llm-mlx llm-ollama llm-gemini llm-mistral llm-openrouter llm-sentence-transformers llm-cmd llm-jq

Install llm with its plugins in one line (great to re-install the environment):

uv tool install llm --with llm-mlx --with llm-ollama --with llm-gemini --with llm-mistral --with llm-openrouter --with llm-sentence-transformers --with llm-cmd --with llm-jq

llm-mlx requires Python 3.12 or lower, there are two ways to set Python version.

Environment variable:

export UV_PYTHON=3.12

Command line option:

uv tool install llm --python 3.12

Update tools is as easy as uv tool upgrade --all.

Hugo-modus supports multilingual now, it’ll display translation links for multilingual posts. As I’m blogging using Denote and Hugo, I changed the #+export_file_name by appending the locale such as: post-1.zh, expecting it to export post-1.zh.md but failed. The complete configuration is as the following:

#+hugo_base_dir: ~/src/hugo-modus/exampleSite
#+hugo_section: posts
#+export_file_name: post-1.zh

Then I found there is already a solution, which is as easy as appending .md, such as #+export_file_name: post-1.zh.md. The result is on the example site.

shot-scraper is the second tool created by Simon Willison that I’ve installed on my machine, the first being llm.

I install Python tools using uv.

uv tool install shot-scraper
shot-scraper install # install browsers

Take a screenshot:

shot-scraper shot https://yejun.dev

Record an HTTP Archive (HAR) file:

shot-scraper har https://yejun.dev

View the file using Chrome HAR Viewer.

This blog is built with Hugo, and the content is exported from Org files to Hugo-compatible Markdown via ox-hugo. Each heading is followed by an anchor after the export:

## Heading {#heading}
### Another heading {#another-heading}

To make the anchors clickable, Kaushal Modi (the author of ox-hugo) recommends replacing anchors with links (source), the steps are as follows:

First, create a partial layouts/partials/headline-hash.html:

{{ . | replaceRE `(<h[2-9] id="([^"]+)".+)(</h[2-9]+>)` `${1}&nbsp;<a class="headline-hash opacity-0" href="#${2}">#</a> ${3}` | safeHTML }}

Next, apply the partial to .Content:

{{ partial "headline-hash.html" .Content }}

The result will look like this:

<h2 id="heading">Heading&nbsp;<a class="headline-hash" href="#heading">#</a> </h2>
<h3 id="another-heading">Another heading&nbsp;<a class="headline-hash" href="#another-heading">#</a> </h3>

By default, multiple calls of the content_for helper using the same identifier will concatenate and output them together.

Set flush: true to flush all previous content_for calls:

<% content_for :example %>
This block is flushed.
<% end %>

<% content_for :example flush: true do %>
This block will display.
<% end %>