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.
Ikiunganishwa kwenye Echo UI, ChatGPT inaweza kushiriki mazungumzo na kumbukumbu husika na programu hii ili kusaidia kutoa muktadha wa maombi yako. Matumizi ya data hii na Echo UI yanategemea masharti na sera yake ya faragha. Iwapo umewasha Kumbukumbu, data kutoka kwa programu inaweza kutumika kukupa mapema taarifa au mapendekezo muhimu. ChatGPT huheshimu kila wakati mapendeleo yako ya data ya mafunzo, ikiwemo data kutoka kwa programu zilizounganishwa. Kutumia programu kunaweza kuleta hatari kubwa. Unaweza kudhibiti mapendeleo yako au kukatisha muunganisho wa programu wakati wowote kwenye mipangilio yako. Pata maelezo zaidi