Sherotree - DEV Community

Sherotree

Nov 13

Crop a screenshot in the tab when the OG image still has browser chrome

#frontend #images #social #dx

1

3 min read

Sherotree

Nov 13

Pin the agent to the existing typography scale — no magic font-size values

#frontend #css #ai #dx

1

3 min read

Sherotree

Nov 13

Ask the agent for a focus-order note when it adds a modal or drawer

#frontend #a11y #ai #dx

1

3 min read

Sherotree

Nov 13

Stop the agent from “cleaning up” unrelated imports in a UI bugfix

#frontend #git #ai #dx

1

3 min read

Sherotree

Nov 12

Treat agent-suggested any / as casts on UI props as a merge blocker

#frontend #typescript #ai #dx

1

3 min read

Sherotree

Nov 12

Make the agent cite the design-system component it reused, or admit it forked one

#frontend #designsystem #ai #dx

1

3 min read

Sherotree

Nov 12

Give the agent the i18n message IDs, not hardcoded English to “fill in later”

#frontend #i18n #ai #dx

1

3 min read

Sherotree

Nov 12

Paste the bundle analyzer JSON into the agent before you accept a “harmless” dependency

#frontend #performance #javascript #dx

1

3 min read

Sherotree

Nov 11

Require the agent to leave existing test IDs alone unless the test changes in the same PR

#frontend #testing #ai #dx

1

3 min read

Sherotree

Nov 11

Resize a screenshot in the tab when the README hero is oversized

#frontend #markdown #dx #webdev

3 min read

Sherotree

Nov 11

PNG WebP in the tab before you commit another fat raster

#frontend #webdev #performance #dx

1

3 min read

Sherotree

Nov 11

Prefer fixture JSON over “sample data” comments when prompting UI agents

#frontend #ai #testing #javascript

1

3 min read

Sherotree

Nov 10

Ways to turn a PNG into SVG without opening Illustrator

#svg #frontend #design #tooling

3 min read

Sherotree

Nov 10

Review AI empty-state copy for tone before you merge the component

#frontend #ai #ux #contentdesign

3 min read

Sherotree

Nov 10

Cap agent Tailwind changes to one utility family per PR

#frontend #tailwindcss #ai #css

3 min read

Sherotree

Nov 10

Feed the agent the a11y lint JSON, not a screenshot of red outlines

#frontend #a11y #ai #eslint

3 min read

Sherotree

Nov 10

Freeze design tokens the agent may not edit — allowlist only

#frontend #css #ai #designsystem

1

3 min read

Sherotree

Nov 9

Make the agent link the Storybook story in the PR body

#frontend #storybook #ai #dx

2

3 min read

Sherotree

Nov 6

Keep AI-suggested loading skeletons matched to real content height

#frontend #ai #react #ux

1

2 min read

Sherotree

Nov 6

Ask the agent for a Playwright assertion, not another manual QA checklist

#frontend #ai #testing #playwright

1

2 min read

Sherotree

Nov 6

TTF to WOFF2 in the tab when the brand font is still a desktop file

#frontend #javascript #webdev #dx

1

3 min read

Sherotree

Nov 6

PNG favicon set without opening a desktop icon packer

#frontend #javascript #webdev #dx

1

3 min read

Sherotree

Nov 5

Prefer patch-sized agent edits for form validation rules

#frontend #ai #react #dx

1

2 min read

Sherotree

Nov 5

Log the prompt that produced a merged UI change (tiny ADR)

#frontend #ai #dx #architecture

1

2 min read

Sherotree

Nov 5

Split AI-generated Storybook stories into one interaction each

#frontend #storybook #ai #dx

1

2 min read

Sherotree

Nov 5

Maintain a banned CSS patterns list the agent must respect

#frontend #css #ai #dx

1

3 min read

Sherotree

Nov 4

Cap agent React refactors to one tree layer per PR

#frontend #react #ai #dx

1

3 min read

Sherotree

Nov 4

Paste the failing Network panel into the agent, not a vague “API broken”

#frontend #ai #debugging #dx

1

3 min read

Sherotree

Nov 4

Give the agent a component ownership map, not the whole monorepo

#frontend #ai #dx #architecture

1

3 min read

Sherotree

Nov 4

Smoke-test agent UI with keyboard-only before you merge

#frontend #a11y #ai #dx

1

3 min read

Sherotree

Nov 3

SVG to PNG in the tab when the design export is vector-only

#frontend #javascript #webdev #dx

2

3 min read

Sherotree

Nov 3

Tiny icons as data URIs — skip another network hop for chrome assets

#frontend #javascript #webdev #dx

2

1

4 min read

Sherotree

Nov 3

Record a short repro for the agent instead of describing the bug in Slack

#frontend #ai #debugging #dx

3

3 min read

Sherotree

Nov 3

Prompt packs for empty / error / loading states — stop shipping happy-path only

#frontend #ai #ux #react

4 min read

Sherotree

Nov 2

Feature-flag AI-suggested UI before it hits every user

#frontend #ai #featureflags #react

2

4 min read

Sherotree

Nov 2

Constraining agent CSS to design tokens (without pasting the whole theme)

#frontend #ai #css #designsystem

1

4 min read

Sherotree

Nov 2

Pair agent UI work with visual regression before you trust green CI

#frontend #ai #testing #css

1

4 min read

Sherotree

Nov 2

When agents invent APIs — make grep-first a merge gate

#frontend #ai #typescript #github

4 min read

Sherotree

Nov 2

Diff budgets for AI PRs: lines, files, and blast radius

#frontend #ai #github #productivity

3 min read

Sherotree

Oct 31

Give the agent a failing Storybook story, not a vague “fix a11y”

#javascript #a11y #storybook #ai

3 min read

Sherotree

Oct 31

GIF to Live Photo without leaving the tab

#frontend #javascript #webdev #dx

4 min read

Sherotree

Oct 31

HEIC from iPhone in the browser — no desktop converter, no upload

#frontend #javascript #webdev #dx

1

4 min read

Sherotree

Oct 31

Paste failing Playwright into the agent, not into Slack

#javascript #typescript #testing #ai

4 min read

Sherotree

Oct 30

Shipping AI-assisted migrations without a big-bang PR

#javascript #typescript #frontend #ai

5 min read

Sherotree

Oct 30

Smell-checking AI-suggested React hooks before you merge

#react #javascript #frontend #ai

1

5 min read

Sherotree

Oct 30

Local-First DX — What Belongs in the Browser vs a CLI

#frontend #dx #localfirst #webdev

4 min read

Sherotree

Oct 30

Agent-Driven Refactors: Keep the PR Reviewable

#frontend #ai #refactoring #dx

4 min read

Sherotree

Oct 29

Prompting for Design-System Compliance Without Dumping the Whole Library

#frontend #ai #designsystem #dx

3

1

4 min read

Sherotree

Oct 29

Frontend CI Gates That Catch AI-Generated Regressions

#frontend #ai #ci #dx

1

5 min read

Sherotree

Oct 29

Convert Video/GIF ↔ Apple Live Photo in the browser (free, no upload server)

#webdev #ios #javascript #productivity

3 min read

Sherotree

Oct 29

When to Let AI Rewrite a Component vs Ask for a Patch

#frontend #ai #dx #webdev

5 min read

Sherotree

Oct 28

One-Off Design Jobs Without Uploading to Random Sites

#frontend #localfirst #dx #webdev

1

4 min read

Sherotree

Oct 28

Convert TTF/OTF fonts to WOFF2 in the browser (no install, no upload server)

#webdev #css #fonts #frontend

1

3 min read

Sherotree

Oct 27

Offline Chart Editing in Chrome’s Side Panel — CSV In, PNG Out, No Upload

#frontend #chrome #localfirst #dx

3 min read

Sherotree

Oct 26

Browser Local Tools vs a Pile of SaaS — When Local Wins

#frontend #localfirst #dx #webdev

4 min read

Sherotree

Oct 25

From One-Off ChatGPT Asks to a Reusable Frontend Prompt Library

#frontend #ai #dx #productivity

3 min read

Sherotree

Oct 24

Structured Prompts for Accessible React (Roles, Keyboard, Contrast)

#frontend #a11y #react #ai

4 min read

Sherotree

Oct 23

Local-First Chart Pipeline: CSV Chart Export Without Third-Party Upload

#frontend #localfirst #dx #webdev

1

4 min read

Sherotree

Oct 22

Constraining Agent UI Diffs: Component Boundaries, No Random Token Edits

#frontend #ai #dx #webdev

1

3 min read

Sherotree

Oct 21

AI-Generated Frontend Tests: Fake Green vs Real Coverage

#frontend #testing #ai #webdev

3 min read

Want to connect with Sherotree?