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.
Echo UI에 연결하면 ChatGPT가 요청에 대한 맥락을 제공하기 위해 관련 채팅과 메모리를 이 앱과 공유할 수 있습니다. 이 데이터는 Echo UI의 이용약관 및 개인정보 보호정책에 따라 사용됩니다. 메모리가 활성화된 경우, 앱의 데이터가 유용한 정보나 제안을 선제적으로 제공하는 데 사용될 수 있습니다. ChatGPT는 연결된 앱의 데이터를 포함해 항상 사용자의 학습 데이터 설정을 존중합니다. 앱 사용에는 높아진 위험이 따를 수 있습니다. 언제든지 설정에서 기본 설정을 관리하거나 앱 연결을 해제할 수 있습니다. 자세히 알아보기