u/xmintarasx

I made a Claude Code skill (two of them, actually) for writing Angular unit tests with ng-mocks and wanted to share.

Built it using the /skill-creator following the standards from the Anthropic blog post on skills. The source material was the official ng-mocks docs and the repo itself - the latest versions, so MockBuilder, MockRender, ngMocks.*, standalone components, signal stores, NgRx effects with provideMockActions and provideMockStore, all that.

The repo has two skills that work alongside each other:

• ng-mocks — handles the framework APIs. Stops Claude from defaulting to hand-rolled TestBed.configureTestingModule boilerplate when ng-mocks would be cleaner.
• readable-tests — handles naming, structure, and what to actually assert. Things like describe(Class.name), it('should … when …'), AAA layout, asserting on the DOM instead of internals, it.each for repetitive cases.

Been using both together on a project for a bit and it's made a noticeable difference - Claude writes tests that actually look like they were written by someone who knows ng-mocks, rather than the usual spyOn everything approach.

Repo: https://github.com/mintarasss/ng-mocks-testing-skill

If anyone else is on ng-mocks, feel free to try it out.

If you've ever reviewed a PR with a tweaked icon, a nudged logo, or a re-exported screenshot, you know the pain: Bitbucket just shows the two images side by side and expects your eyes to do the rest. Subtle differences are basically invisible.

I built a small Chrome extension that injects a toolbar directly into Bitbucket's image diff view and adds three extra modes:

• Heatmap - color-coded overlay showing exactly which pixels changed (blue = small difference, red = big)
• Diff Only - dims unchanged areas so modifications pop immediately
• Slider - drag-to-compare before/after in a single view

It also shows pixel-level stats (count + % of pixels changed), works with Bitbucket's SPA navigation, and only computes the diff when you actually switch modes so it doesn't slow the page down.

Everything runs locally in the browser - no images leave your machine, no backend, no tracking.

Chrome Web Store: https://chromewebstore.google.com/detail/bitbucket-image-diff-heat/glkhomlibchboimhmgmacjghcfhapjfg

Source on GitHub: https://github.com/mintarasss/bitbucket-visual-diff

Happy to hear feedback, bug reports, or feature ideas - especially from anyone whose team reviews a lot of image assets in PRs.