Tactile components, your style
Echo UI is a design system for React: components that press, click and move, all made from one material, with your own style on top. This plugin brings its workflow to your agent.
• Make a style. Share a mood board and ask for a style. Echo's Design Eye reads it as a designer would and hands back the style: a foundation document and a style.json you keep and reuse.
• Pick one. Ask which style fits your product. Echo's Style Fit places the product on seven axes, ranks Echo's styles and yours against it, and makes a pick it can argue for.
• Feel it. Wearing a style gives a link that makes https://echo-ui.com wear its colours, every component pressing and moving in them.
• Build with it. In a project with a terminal, where your agent runs commands, npx echo-ui-cli init --style sets the project up in that style and your agent builds from Echo's components. In a chat, the agent writes the code with them and runs Echo's check on it before handing it over.
What it sends, runs and writes
• The server. The plugin's tools are Echo's MCP server, at https://mcp.echo-ui.com/mcp. It receives what a tool is called with: a search, a component's name, a style's settings, or code to check. It needs no account and keeps none of what it's sent: code is checked and forgotten. It reads Echo's published catalog and registry from https://echo-ui.com. Cloudflare, which hosts it, keeps request logs, including the address a request came from, for up to 7 days.
• In a project with a terminal, the skills run Echo's CLI, npx echo-ui-cli, which npm downloads and which reads Echo's registry from https://echo-ui.com. init, add and style use write into the project. init also adds Echo's block to the project's agent instructions, and Echo's check as a hook in its agent settings; npx echo-ui-cli agent off removes both. Design Eye and Style Fit save styles and decisions in the builder's style library, ~/Documents/styles, on their own computer.
• In a chat, nothing is saved anywhere: styles and decisions come back as files to keep.
Privacy policy: https://echo-ui.com/privacy. Help, privacy questions and security reports: support@echo-ui.com.
Khi kết nối với Echo UI, ChatGPT có thể chia sẻ các cuộc trò chuyện và bộ nhớ liên quan với ứng dụng này để giúp cung cấp ngữ cảnh cho yêu cầu của bạn. Việc Echo UI sử dụng dữ liệu này tuân theo điều khoản và chính sách quyền riêng tư của họ. Nếu bạn bật Bộ nhớ, dữ liệu từ ứng dụng có thể được dùng để chủ động cung cấp thông tin hoặc gợi ý hữu ích. ChatGPT luôn tôn trọng các tùy chọn về dữ liệu huấn luyện của bạn, bao gồm cả dữ liệu từ ứng dụng đã kết nối. Việc sử dụng ứng dụng có thể đi kèm rủi ro cao hơn. Bạn có thể quản lý tùy chọn hoặc ngắt kết nối khỏi ứng dụng bất cứ lúc nào trong phần cài đặt. Tìm hiểu thêm