Where am I?
Print your current folder before running a project command.
pwdYOUR TERMINAL, A LITTLE LESS MYSTERIOUS
Terminal commands for vibe coders.
Know where you are, see what changed, and make a focused local edit. Start with the basics, then choose one of 24 direct tools.
Mac or Windows
Choose Bash/zsh for Mac or PowerShell for Windows in the customizer. Copy the entire generated block.
Check before applying
The direct tools show a proposed change and ask you to type APPLY. They create a backup before writing.
Know the scope
Node.js is required. Tools edit global CSS or static HTML; framework-specific work belongs in AI mode.
GET YOUR BEARINGS
Six commands to know first.
What is in this folder?
List visible files and folders to check that this is your project.
lsIs Node.js installed?
Print the installed version. If it is missing, install it before using the direct scripts.
node --versionWhat scripts can I run?
In a project with package.json, list the scripts defined by that project.
npm runWhat changed?
In a Git repository, review modified and untracked files.
git status --shortShow the actual edits
Review unstaged changes to tracked files. This does not show untracked file contents.
git diff24 FOCUSED LOCAL TOOLS
Choose your next edit.
Terminal scripts make local changes. They do not publish your site.
24 terminal tools
Browse free · Copy freelyLook & feel
Change the background color
Give your pages a different mood with one clear color choice.
TRY IT
Change the main website background to warm ivory #F5F2EB. Keep cards white.
Setup: local project + Node.js
Look & feel
Update the site typography
Make headings and body text feel like they belong together.
TRY IT
Use a clean system sans-serif. Make headings bolder and body text at least 16px.
Setup: local project + Node.js
Look & feel
Restyle your buttons
Make the next action easier to spot.
TRY IT
Make primary buttons dark green with white text and gently rounded corners.
Setup: local project + Node.js
Look & feel
Polish the card design
Make repeated items easier to scan.
TRY IT
Use thin borders, 16px corners, a subtle hover, and consistent padding.
Setup: local project + Node.js
Look & feel
Fix inconsistent spacing
Give your layout a calmer, more intentional rhythm.
TRY IT
Use consistent section spacing and reduce the gap below the hero on mobile.
Setup: local project + Node.js
Look & feel
Improve link styling
Help readers recognize what they can click.
TRY IT
Underline links in article text and use the brand green.
Setup: local project + Node.js
Look & feel
Adjust the content width
Make text more comfortable to read on wide screens.
TRY IT
Limit article text to about 70 characters per line while keeping the hero wider.
Setup: local project + Node.js
Header & navigation
Update the header
Make the top of your website clearer and more useful.
TRY IT
Keep the logo on the left, add Features and Pricing links, and put Get started on the right.
Setup: local project + Node.js
Header & navigation
Make the header sticky
Keep navigation available as visitors scroll.
TRY IT
Keep the header visible at the top with a subtle border when scrolling.
Setup: local project + Node.js
Header & navigation
Update the footer
Put useful links and business details within easy reach.
TRY IT
Add About, Contact, and Privacy links using the existing pages.
Setup: local project + Node.js
Content & sections
Rewrite the hero headline
Tell visitors what your product does in fewer words.
TRY IT
Use: Build your first app with a little help from AI.
Setup: local project + Node.js
Content & sections
Change the main call to action
Give the primary button a clear purpose.
TRY IT
Change the hero button to Explore the prompts and link it to the prompt library.
Setup: local project + Node.js
Content & sections
Add an announcement banner
Put a timely update where people will see it.
TRY IT
Add a dismissible banner saying New beginner guides are here with a link to Guides.
Setup: local project + Node.js
Mobile & layout
Make mobile text readable
Help people read without zooming.
TRY IT
Improve paragraph and form text sizes on mobile without making desktop text larger.
Setup: local project + Node.js
Mobile & layout
Stack columns on mobile
Turn a desktop layout into a clear vertical flow.
TRY IT
Stack the hero text above its image below the tablet breakpoint.
Setup: local project + Node.js
Mobile & layout
Make buttons easier to tap
Reduce missed taps on phones.
TRY IT
Increase the mobile navigation and action-button touch areas.
Setup: local project + Node.js
Mobile & layout
Make images responsive
Keep pictures from stretching or breaking the layout.
TRY IT
Make article images scale to their containers without distortion.
Setup: local project + Node.js
Mobile & layout
Make tables work on phones
Keep detailed comparisons usable on small screens.
TRY IT
Make the pricing comparison table horizontally scroll inside its own container.
Setup: local project + Node.js
Mobile & layout
Respect phone safe areas
Keep controls clear of device edges and cutouts.
TRY IT
Add safe-area spacing to the fixed bottom navigation.
Setup: local project + Node.js
Useful features
Create a print-friendly view
Make a page useful on paper or as a PDF.
TRY IT
Add print styles for the project checklist with readable headings and no navigation.
Setup: local project + Node.js
SEO & accessibility
Update page titles
Give each page a clear name in tabs and search results.
TRY IT
Set the homepage title to Building Apps Without Code | Practical AI Guides.
Setup: local project + Node.js
SEO & accessibility
Write a meta description
Summarize the page for search visitors.
TRY IT
Describe the prompt library as 100 practical prompts for building and fixing apps with AI.
Setup: local project + Node.js
SEO & accessibility
Improve keyboard focus
Make the interface easier to use without a mouse.
TRY IT
Make focus clearly visible on navigation links, buttons, and form inputs.
Setup: local project + Node.js
SEO & accessibility
Fix low-contrast text
Make important content easier to read.
TRY IT
Improve the muted gray text on white cards while keeping the same overall palette.
Setup: local project + Node.js
Testing scope
The direct scripts use a shared Node.js editing engine. Bash/zsh fixture checks cover edits, cancellation, and backups. PowerShell wrappers are provided, but native Windows execution has not been verified. Inspect scripts before running them on your project.
Read our testing and review approach →