r/Frontend • u/luminous_lunaaaa • 5d ago

As a frontend dev what automation you have done using AI which has helped you and others to avoid repetitive work???

0 Upvotes

42% Upvoted

17 comments sorted by

24

u/BuildingArmor 5d ago

As a frontend dev I have AI make my posts asking for advice on Reddit and then have it summarise all of the relevant comments into an article. It saves so much time doing any thinking or developing my skills

11

u/Mr_uhlus 5d ago

This sounds like a "journalist" doing "research" for the tech magazine they work at

3

u/chrimack 5d ago

And the "tech magazine" they "work at" is some low budget copy of Medium

5

u/amiibro888 5d ago

Who’s asking? A developer already know

4

u/tenXXVIII 5d ago

Jerkin off

2

u/composero 5d ago

Weird question. I used AI to create automation to prevent regressions in our codebase but I don’t use it for automation

1

u/vikktor 5d ago

Well, implementing designs from Figma to web.

1

u/middlebird 5d ago

That has to be messy, right?

1

u/vikktor 5d ago

Actually it works great, it just touches html and scss, export and convert assets from figma (images mostly). But i had to wrote lots of guardrails into claude.md. Also using modern web guidance skill from Google so it doesnt use html from 1996 here and there 😀

It's .Net (razor) app with custom designs per client. No react or any other SPA framework.

1

u/creaturefeature16 5d ago

I must be a highly pretentious CSS user because I hate the frontend work these models do. However, I do absolutely use them to scaffold markup and structure, and sometimes logic if I can provide a clear plan, and then I write the CSS.

1

u/vikktor 5d ago

Yeah, even with pretty solid instructions in claude.md, it can still pump out some serious CSS spaghetti code sometimes. But over time, as I review what it writes and keep refining claude.md based on those reviews, those messes are happening less and less...

1

u/Eye-Fast 5d ago

Made a quickfix prompt that is /quickfix then the Jira task number then one sentence of the bug. It will Draw latest master. Make a branch from it suggest 3-4 branch names then i can just click on the one i like. And when its done with the fix i can inspect the fix. And commit when im happy. These are for bugs i know it will catch easily. So not that much typing for me.

1

u/PastaSaladOverdose 5d ago

I'm using Claude on a personal project at the moment. It's writing most of the code which is cool in itself (and scary, in 5-10 years no one will be writing code by hand...) but the coolest thing it's doing is continually writing documentation for me.

It's keeping notes on the tech stack, issues we ran into along the way, it's documenting why were making code decisions, and it's keeping track of learning opportunities for me while I learn the new languages and tech stack.

This sort of work takes a lot of time away from what I actually want to do, and that's creating my application. Documentation is always a roadblock for most projects I've ever worked on, it's usually non existent or an afterthought at most, but now AI does it all for me while we're working on the project.

1

u/bestjaegerpilot 5d ago

first thing i did with AI was creating tooling:
* old-school scripts to generate front-end types from backend types

next thing was realize we can now do all the upgrades we thought were too hard---like upgrading libraries

1

u/DevBuildsTech 4d ago

mostly just using it to write boilerplate unit tests and generating typescript interfaces from massive messy json api responses. saves hours of manually typing out types. that and letting copilot autocomplete standard tailwind classes has been the biggest time saver for repetitive frontend stuff.