# DivMagic

## DivMagic

- [Getting Started](https://docs.divmagic.com/divmagic-documentation/readme.md): Get started by installing DivMagic
- [Component Format](https://docs.divmagic.com/settings/component-format.md)
- [Style Format](https://docs.divmagic.com/settings/style-format.md)
- [DevTools](https://docs.divmagic.com/settings/devtools.md): You can access DivMagic directly from your browser's development tools. This section will guide you on how to use this feature.
- [Copy Mode](https://docs.divmagic.com/settings/copy-mode.md): Change the copy mode of DivMagic. There are two options: Exact Copy and Adaptable Copy.
- [Media Query](https://docs.divmagic.com/settings/media-query.md): Add Media Query CSS to the copied code for responsive design. There are two options: On and Off
- [Edit Mode](https://docs.divmagic.com/settings/edit-mode.md)
- [Introduction](https://docs.divmagic.com/api/introduction.md)
- [Getting started](https://docs.divmagic.com/api/getting-started.md): Follow the step-by-step instructions to start using DivMagic API
- [Sample Requests](https://docs.divmagic.com/api/sample-requests.md)
- [Request Parameters](https://docs.divmagic.com/api/request-parameters.md): You can specify the Component format and Style format within your request
- [Introduction](https://docs.divmagic.com/mcp/introduction.md): Copy any component from a live web page as clean HTML or JSX — from inside your AI agent.
- [Getting started](https://docs.divmagic.com/mcp/getting-started.md): Follow the step-by-step instructions to connect DivMagic MCP to your agent
- [Tools](https://docs.divmagic.com/mcp/tools.md): The five tools the DivMagic MCP server exposes to your agent
- [How it works](https://docs.divmagic.com/mcp/how-it-works.md): Credits, caching, large results and the limits worth knowing before you hit them
- [Troubleshooting](https://docs.divmagic.com/mcp/troubleshooting.md): What the server says when something is wrong, and what to do about it
- [Introduction](https://docs.divmagic.com/studio/introduction.md): DivMagic Studio is an integrated development environment (IDE) designed to simplify the process of writing and testing HTML, JSX, and Tailwind CSS code. Whether you're building complex web application
- [User Panel](https://docs.divmagic.com/studio/user-panel.md)
- [Chatbot](https://docs.divmagic.com/studio/user-panel/chatbot.md)
- [Library](https://docs.divmagic.com/studio/user-panel/library.md)
- [Editor](https://docs.divmagic.com/studio/editor.md)
- [Description](https://docs.divmagic.com/landing-pages/description.md)
- [Introduction](https://docs.divmagic.com/wordpress-integration/introduction.md)
- [Getting Started](https://docs.divmagic.com/wordpress-integration/getting-started.md)