Compare commits

...
3 Commits
3 changed files with 48 additions and 1 deletions
+3 -1
View File
@@ -10,7 +10,7 @@ working across different projects via [VisualMode](https://www.visualmode.dev/).
For a steady stream of TILs, [sign up for my newsletter](https://visualmode.kit.com/newsletter). For a steady stream of TILs, [sign up for my newsletter](https://visualmode.kit.com/newsletter).
_1884 TILs and counting..._ _1886 TILs and counting..._
See some of the other learning resources I work on: See some of the other learning resources I work on:
@@ -169,6 +169,7 @@ If you've learned something here, support my efforts writing daily TILs by
- [Allow Edits From The Start](claude-code/allow-edits-from-the-start.md) - [Allow Edits From The Start](claude-code/allow-edits-from-the-start.md)
- [Ask An Agent To Fix Merge Conflicts](claude-code/ask-an-agent-to-fix-merge-conflicts.md) - [Ask An Agent To Fix Merge Conflicts](claude-code/ask-an-agent-to-fix-merge-conflicts.md)
- [Build From My Phone In Cloud Environments](claude-code/build-from-my-phone-in-cloud-environments.md)
- [Distinguish Sessions With Different Colors](claude-code/distinguish-sessions-with-different-colors.md) - [Distinguish Sessions With Different Colors](claude-code/distinguish-sessions-with-different-colors.md)
- [Monitor Usage Limits From CLI](claude-code/monitor-usage-limits-from-cli.md) - [Monitor Usage Limits From CLI](claude-code/monitor-usage-limits-from-cli.md)
- [Open Current Prompt In Default Editor](claude-code/open-current-prompt-in-default-editor.md) - [Open Current Prompt In Default Editor](claude-code/open-current-prompt-in-default-editor.md)
@@ -2149,6 +2150,7 @@ If you've learned something here, support my efforts writing daily TILs by
- [Create Todo Items In Logseq](workflow/create-todo-items-in-logseq.md) - [Create Todo Items In Logseq](workflow/create-todo-items-in-logseq.md)
- [Do Project Time Tracking From The CLI](workflow/do-project-time-tracking-from-the-cli.md) - [Do Project Time Tracking From The CLI](workflow/do-project-time-tracking-from-the-cli.md)
- [Enable Dev Tools For Safari](workflow/enable-dev-tools-for-safari.md) - [Enable Dev Tools For Safari](workflow/enable-dev-tools-for-safari.md)
- [Ensure Tooltips Appear In Screenshots](workflow/ensure-tooltips-appear-in-screenshots.md)
- [Forward Stripe Events To Local Server](workflow/forward-stripe-events-to-local-server.md) - [Forward Stripe Events To Local Server](workflow/forward-stripe-events-to-local-server.md)
- [Get URL For GitHub User Profile Photo](workflow/get-url-for-github-user-profile-photo.md) - [Get URL For GitHub User Profile Photo](workflow/get-url-for-github-user-profile-photo.md)
- [Get Your Public IP Address](workflow/get-your-public-ip-address.md) - [Get Your Public IP Address](workflow/get-your-public-ip-address.md)
@@ -0,0 +1,27 @@
# Build From My Phone In Cloud Environments
I mostly use Claude Code from a terminal with the `claude` CLI. Everything is
running on my machine (except the inference). The codebase is already there, the
feature branch is already in flight, all my tools and dotfiles are installed,
the dev server or container VMs are running, etc. It's the closest to how I
already worked before coding harnesses and allows me to seamlessly flow between
agentic code, review, making my own edits, and so forth.
However, I've been finding it pretty satisfying to open _Claude Code_ either in
the MacOS app or iOS app, connect a GitHub repo, and then ask for a quick
feature landed as a PR.
This flow uses [Claude in the Cloud](https://code.claude.com/docs/en/claude-code-on-the-web) to boot up a
development environment, pull down your codebase, create a branch, build a
feature, run tests, boot the app, do all the different explorations and checks
that `claude` typically does, and eventually land a PR back on GitHub.
What I find particularly remarkable about this flow is that this _cloud session_
is effectively synced across any device where I'm using Claude. So while I'm on
the train home from the gym, I open the Claude iOS app, pick my repo, and
describe a feature. By the time I get home, I open Claude.app on my computer
where I can skim through the chat summary, view the diff, and then suggest next
steps or jump to the PR on GitHub.
I'm finding this workflow particularly exciting for side projects because I can
kick off feature experiments from anywhere when the idea comes to me.
@@ -0,0 +1,18 @@
# Ensure Tooltips Appear In Screenshots
I use [CleanShot X](https://cleanshot.com/) for all my screenshot needs. It's by
far the best tool for the job.
I'm a big proponent of taking high-context screenshots. That is, including
everything in the screenshot that another person viewing it would need to know
so that they don't have to answer follow up questions. This usually means other
parts of the window besides the focal point or including the URL bar.
Another, less common, aspect of a shot I sometimes need, especially in a
browser, are hover-based visual elements. That could be a tooltip or the option
in a dropdown the cursor is over. Sometimes it is even a visual element that
goes away after a beat.
To capture these with CleanShot X, I need to turn on the "Freeze screen when
taking a screenshot" setting which can be found in _Settings_ under the
_Screenshots_ tab in the _Capture_ section.