Design Editorडॉक्सएजेंट और AI
MCP टूल
एजेंट लगभग 190 टूल के ज़रिए काम करते हैं: डॉक्यूमेंट पढ़ना, उसे बदलना, पूरे पेज बनाना, आयात, निर्यात और कोड लिखना।
1एजेंट को कहाँ से शुरू करना चाहिए
get_editor_state खुला डॉक्यूमेंट, पेज और चयन लौटाता है। ToolSearch कीवर्ड से सही टूल ढूँढता है, इसलिए एजेंट को शुरू में पूरी सूची की ज़रूरत नहीं होती।
2परत-दर-परत वर्कफ़्लो
design_skeletonपेज फ़्रेम और उसके सेक्शन का ढाँचा बनाता है।design_contentएक बार में एक सेक्शन भरता है।design_refineतैयार पेज को निखारता है।finalize_designपूरे पेज पर तय सुधार पास चलाता है।
सुधार सिर्फ़ उसी पर लागू होते हैं जो एजेंट ने बनाया है, आपकी अपनी लेयरों पर कभी नहीं। नए पेज मौजूदा काम के ऊपर नहीं, उसकी दाईं ओर रखे जाते हैं।
3टूल समूह
| समूह | उदाहरण |
|---|---|
| डॉक्यूमेंट | open_document, save_document, lint_document, get_design_quality |
| पढ़ना | read_nodes, find_node_by_name, snapshot_layout, find_empty_space |
| एडिट | insert_node, update_node, move_node, replace_all_matching_properties |
| चयन | set_selection, align_selected, group_selected, boolean_op, undo |
| पेज | add_page, duplicate_page, reorder_page, set_active_page |
| कंपोनेंट | create_component, instantiate_component, add_library, 37 insert_* किट टूल |
| वेरिएबल | set_variables, set_themes, apply_design_system, save_theme_preset |
| मार्गदर्शन | get_design_md, get_style_guide, get_guidelines |
| जनरेट | batch_design, execute, generate, enrich_images, run_design_agent |
| आयात | import_svg, import_html, import_html_url, import_pen_dev |
| निर्यात | get_screenshot, export_nodes, export_frames, export_deck |
| कोड | codegen_export, codegen_plan, codegen_assemble |
| पूर्वावलोकन | set_screen, set_slide_transition, capture_preview, browser |
de tools हर टूल को उसके पैरामीटर के साथ दिखाता है, और de <tool> key=value टर्मिनल से किसी एक को कॉल करता है।
4स्क्रिप्ट
execute डॉक्यूमेंट पर JavaScript चलाता है। पूरी स्क्रिप्ट पूर्ववत का एक चरण होती है, इसलिए एजेंट सौ बदलाव करे तो भी आप एक Cmd+Z से उन्हें वापस ले सकते हैं।
5इमेज और वेक्टर
generate AI इमेज बनाता है, स्टॉक फ़ोटो ढूँढता है, SVG बनाता है, इमेज को वेक्टर में बदलता है, बैकग्राउंड हटाता या बदलता है। enrich_images खाली इमेज स्लॉट को Openverse की फ़ोटो से भरता है, और वहाँ न मिलें तो Wikimedia से।
6फ़ॉर्म विजेट
एजेंट काम करने वाले फ़ॉर्म कंट्रोल रख सकते हैं: टेक्स्ट इनपुट, टेक्स्ट एरिया, नंबर इनपुट, सिलेक्ट, रेडियो ग्रुप, स्विच, चेकबॉक्स, स्लाइडर, प्रोग्रेस बार और टैब।