Emerald IV
1,794 Elo
- #1,426 on the ladder
- +1 today · +5 this week
- Peak 1,806
The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.
onlook-dev/onlook is #1,426 on the bestofgithub Elo ladder, in Emerald IV, with a rating of 1,794 (+5 this week). It has 27,222 stars, 79 gained in the last week.
1,794 Elo
27,222
brew install --cask onlookMCP server to provide Figma layout information to AI coding agents like Cursor
npm install -g figma-developer-mcpSketch Material 3 Expressive screens in the browser and turn them into vibe-coding prompts.
git clone https://github.com/lnkiai/m3e-canvas.gitA collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
git clone https://github.com/VoltAgent/awesome-design-md.gitA design system built by IBM
git clone https://github.com/carbon-design-system/carbon.gitTalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
git clone https://github.com/grab/cursor-talk-to-figma-mcp.git程序员鱼皮的 AI 资源大全 + Vibe Coding 零基础教程,分享 OpenClaw 保姆级教程、大模型玩法(DeepSeek / GPT / Gemini / Claude / GLM)、最新 AI 资讯、Prompt 提示词大全、AI 知识百科(Agent Skills / RAG / MCP / A2A)、AI 编程教程(Harness Engineering)、AI 工具用法(Cursor / Claude Code / TRAE / Codex / Copilot)、AI 开发框架教程(Spring AI / LangChain)、AI 产品变现指南,帮你快速掌握 AI 技术,走在时代前沿。本项目为开源文档 aiguide,已升级为鱼皮 AI 导航网站
git clone https://github.com/liyupi/ai-guide.gitLoading README…