Drop-in visual editor for React that talks to AI agents
made-refine is easy to set up with strong trust signals. Check agent compatibility and use-case fit before adding it to your workflow.
Repository setup guidance
gh repo view rezailmi/made-refine --webOpen the official repository or website.
Check the README for package manager, auth, and platform requirements.
Try it in a small test task inside your agent workflow.
A visual CSS editor that lets you edit React component styles directly in the browser, then copy the changes as agent-ready code snippets.
handmade is a visual CSS editor for React. Edit styles in the browser, then copy agent-ready edits with component and file context. It works by starting your dev server, pressing Cmd+. to open the editor, clicking any element, editing visually, and copying the changes.
Strong trust signals; still review the README and permissions before production use.
Last commit was about 31 days ago.
30 GitHub stars indicate community interest.
0 open issues signal maintenance load.
NOASSERTION license detected.
Rapid prototyping of UI styles
Bridging visual design and AI code generation
Simplifying CSS tweaks for non-developers
Enabling designers to make precise style changes that developers can apply via AI agents
Operates within local development environment; no data sent externally by default.
Copied edits should be reviewed before applying to production.
Only modifies CSS in the browser; does not alter source files automatically.
Edit the button component: make it round, blue, with padding 10px.
30
Stars
1
Forks
0
Issues
NOASSERTION
License
Extract any website's complete design system with one command.
Argos is an open source visual testing platform that detects unintended UI changes to help teams maintain quality.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
Drop-in visual editor for React that talks to AI agents
React developers, UI/UX designers working with React, AI agent users (e.g., Claude Code, Cursor)
The setup section provides repository-level starting guidance, not a guarantee of an independently verified installation. Check the official README and release notes.
Operates within local development environment; no data sent externally by default. Copied edits should be reviewed before applying to production.
Similar or complementary options to evaluate include design-extract, Argos, uSpec.
Jul 11, 2026
3 security/trust notes recorded.
Setup difficulty is 2/5.