Ir para o conteúdo
decodecodeveloper docs
Storefront → Arquivo do admin descontinuado

Legacy admin: Assistant

Decopilot as your code assistant

Documentação de produto descontinuado — Fresh e o antigo admin foram descontinuados. Estas instruções são mantidas para migração e referência histórica. Novos projetos usam Blocks 7.x e o Editor de Sites do Studio.
Esta página ainda não foi traduzida para o português — o conteúdo abaixo está em inglês.

Retired legacy admin archive. Fresh and the former deco.cx admin are retired. Use released Blocks 7.x for the website runtime and Studio Site Editor for current content work. This is the original deco.cx admin documentation. Screenshots, product offers, and controls below are historical. Use the Studio Site Editor guides for current work and migration notes for the cutover.

Decopilot: your code assistant

As your assistant, Decopilot can help to improve and develop your website. Below, you can see different examples of using it, but feel free to explore the power of AI. For code generation, Decopilot supports both text with the desired request and the insertion of local images. In both cases, you can choose to accept the changes, discard them, or recreate the provided code.

Creating blocks

Blocks are one of the most important concepts on deco.cx, so Decopilot is ready to be called to create any of this components. Just ask! From loaders and actions to sections, Decopilot will ask if it can proceed with the process of creation or not. Heres a exemple how it work with sections:

Prompt: Create a section saying Hello World!

Create Section

Creating and Editing code

You can explore code generation and edition based on your current code and the creation of new components with Decopilot. For example, when using the prompt:

Prompt: Create a Hero saying Hello World in green tones.

After generating the code, Decopilot replaces your used code, and you can see the result in the preview.

Code gen

Creating and Editing Based on an Image

If you wish to use an image as inspiration, Decopilot can reproduce it when receiving a local image in one of the supported formats (JPEG, PNG, GIF, and WebP) along with the request of what to do. Here is an example of prompt:

Prompt: Reproduce this component to me.

Image into code

Explain and Fix Errors

To further assist the development process, Decopilot can help explain something to you or even fixing errors on your code. Example of prompt:

Prompt: What does this code do?

Explain and fix

Analyze Performance

Your code assistant can be useful to consult your website's performance and give feedback on how to improve it. Here is an example of prompt:

Prompt: How's my website performance?

Conclusion

Based on the features presented, Decopilot's potential to simplify and speed up code development is evident. Try it out now and discover how it can transform your programming experience, making it more efficient and productive!