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.
Marka lagu xidho Echo UI, ChatGPT waxa laga yaabaa inuu abkan la wadaago wada-sheekeysiyo iyo xusuus khuseeya si uu macne guud ugu bixiyo codsiyadaada. Isticmaalka Echo UI ee xogtan waxa xukuma shuruudahooda iyo siyaasaddooda asturnaanta. Haddii Xusuusta kuu daaran tahay, xogta abka waxa loo adeegsan karaa in si firfircoon laguu siiyo macluumaad ama talo soo jeedin waxtar leh. ChatGPT had iyo jeer wuu ixtiraamaa dookhyadaada xogta tababarka, oo ay ku jirto xogta abyada ku xidhan. Adeegsiga abyada waxa la socon kara khatar sare. Waxaad maamuli kartaa dookhyadaada ama ka goyn kartaa abyada wakhti kasta setinkaaga. Wax badan ka ogow