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 ہمیشہ آپ کی تربیتی ڈیٹا ترجیحات کا احترام کرتا ہے، بشمول منسلک ایپس کے ڈیٹا کے۔ ایپس کے استعمال کے ساتھ زیادہ خطرہ وابستہ ہو سکتا ہے۔ آپ اپنی سیٹِنگز میں کبھی بھی اپنی ترجیحات کا نظم کر سکتے ہیں یا ایپس سے منقطع ہو سکتے ہیں۔ مزید جانیں