AI repos for frontend developers

Open-source AI projects worth it for people who build web interfaces with HTML, CSS, JavaScript, React and similar, each with what it does for you. 27 repos, most relevant first.

  1. playwright Write end-to-end tests, screenshots and mobile emulation checks across Chromium, Firefox and WebKit. Browser & computer use98.3k1.3k
  2. screenshot-to-code Turn screenshots, Figma designs or recordings into HTML, React or Vue first drafts. Coding agents & dev tools80.6k725
  3. agent-skills Skills that make agents review React and Next.js performance, accessibility and UI issues using Vercel guidance. Agent skills & plugins32.8k1k
  4. design.md Give coding agents design tokens and rationale, lint them in CI and export to Tailwind. Design & UI28.5k261
  5. openui Renders LLM-streamed charts, forms and tables from a compact language limited to your own components. Design & UI13.1k
  6. claude-code Describe UI changes and refactors in plain English and have them applied to the project. Coding agents & dev tools152.9k4k
  7. awesome-design-md Copy a DESIGN.md into a project so coding agents build UI matching a known site's colors, type and spacing. Design & UI123k3.8k
  8. taste-skill Design rules for layout, type and motion that make agent-built interfaces look less generic. Agent skills & plugins101.2k9.3k
  9. impeccable Audit, critique and polish commands plus rules that flag generic AI-generated design looks. Agent skills & plugins85k11.2k
  10. hyperframes Turn HTML, CSS and animations into deterministic MP4 videos using web skills you already have. Image, video & audio70.1k14.6k
  11. ai-website-cloner-template Rebuild a site as React/Next.js code and study how pages achieve layouts and animations. Coding agents & dev tools37.2k1.6k
  12. hallmark Skill that picks page structure and theme and checks AI-built pages against 57 anti-pattern gates. Agent skills & plugins30.9k1.4k
  13. page-agent Embed a natural-language agent into a web UI with a JavaScript library, no extension or headless browser needed. Browser & computer use29.6k242
  14. ai Use chat UI hooks for React, Vue and Svelte that stream model replies. Coding agents & dev tools27.5k387
  15. awesome-design-skills Install a consistent visual style with one npx command so coding agents build coherent UI. Design & UI3.3k299
  16. ponytail Keeps agents from adding libraries for things the browser already does. Agent skills & plugins173.7k22.8k
  17. open-design Generate clickable prototypes and dashboards with a coding agent, kept local and inspectable. Design & UI103.4k
  18. agent-browser Script end-to-end checks of web apps with refs, selectors or ARIA roles. Browser & computer use44.4k994
  19. playwright-mcp Have an AI explore a web app and run self-healing tests. Browser & computer use38.5k766
  20. editor Study a React Three Fiber and WebGPU editor and reuse its packages. Design & UI25.1k542
  21. roomGPT Learn the upload and result UI of a simple Next.js image app. Image, video & audio10.7k9
  22. improve Audit a React or web codebase and hand specs to a cheap agent, or check a branch before a PR. Agent skills & plugins9.2k49
  23. skills Lets a coding agent produce React-based Remotion videos with correct APIs, using skills from the Remotion team. Agent skills & plugins5.5k734
  24. editor Video projects are SolidJS/JSX files, so motion graphics are written and edited as code. Image, video & audio3.4k188
  25. PDoomVideo Study p5.js canvas animation structured into chapters and timelines, rendered headlessly in Chrome. Image, video & audio2.5k827
  26. peerd Study a Chrome and Firefox extension that drives tabs and runs sandboxed code. Browser & computer use4214
  27. vibe-coding-playbook Keep AI-generated TypeScript code consistent with project conventions via rules and checks. Learning & resource lists3813

    ↑↓ to move, Enter to open, Esc to close