Sprucer AI: Live CSS Editorとは何ですか？

Sprucer AI: Live CSS EditorはBig Pineapple LLCによって開発されたChromeの拡張機能で、その主な機能は「Edit CSS and prototype live webpages using text」です。

拡張機能のスクリーンショット

Sprucer AI: Live CSS Editor拡張機能のCRXファイルをダウンロード

Sprucer AI: Live CSS Editor拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

SPRUCER AI. The #1 Web Design prototyping tool.

Edit live webpages in real-time using text commands. Type things like "Move the title up a bit" or "Put drop shadow on all the buttons" and quickly visualize the results. After you're done, copy the output CSS code (coming soon) and apply it to your website.

HOW TO USE
1. To display the Sprucer AI menu, click the extension button in the top-right. You may want to pin the extension button for easy access. Please note: Sprucer AI will not work on special Chrome pages like the New Tab page.

2. Type your command into the text box and click submit. Try to be as specific as possible. For example, you could say "Make the top header background #F0FFFF" or "Add drop shadow to the 'submit' button".

3. If you're not happy with the results, you can click the Undo button and try again, modifying your command to be more specific.

4. If you have any issues, please let us know! Please be patient with us as this is a beta release and so early issues might exist.

拡張機能の基本情報

名前	Sprucer AI: Live CSS Editor
ID	migplcedcfdgajilhghjbcnifagbgicf
公式URL	https://chromewebstore.google.com/detail/sprucer-ai-live-css-edito/migplcedcfdgajilhghjbcnifagbgicf
説明	Edit CSS and prototype live webpages using text
ファイルサイズ	158 KB
インストール数	92
現在のバージョン	1.3
最終更新日	2023-05-01
公開日	2023-04-28
評価	1.00/5 合計 1 レビュー
開発者	Big Pineapple LLC
Eメール	[email protected]
支払い方法	free
ヘルプページのURL	https://docs.google.com/forms/d/e/1FAIpQLScHFFugIwJCmNSG7AkHtTgv02S2R2MFmMnGVv_n_mXiQUAyog/viewform?usp=sf_link
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "icons": { "16": "icon16.plasmo.00ac8b83.png", "32": "icon32.plasmo.9ad0c5b6.png", "48": "icon48.plasmo.cae3a6b3.png", "64": "icon64.plasmo.e4b604fc.png", "128": "icon128.plasmo.b89b7dfa.png" }, "manifest_version": 3, "action": { "default_icon": { "16": "icon16.plasmo.00ac8b83.png", "32": "icon32.plasmo.9ad0c5b6.png", "48": "icon48.plasmo.cae3a6b3.png", "64": "icon64.plasmo.e4b604fc.png", "128": "icon128.plasmo.b89b7dfa.png" } }, "version": "1.3", "author": "Big Pineapple LLC", "name": "Sprucer AI: Live CSS Editor", "description": "Edit CSS and prototype live webpages using text", "background": { "service_worker": "background.5fadff2f.js" }, "permissions": [ "storage" ], "content_scripts": [ { "matches": [ "" ], "js": [ "contents.77d90920.js" ], "css": [] } ], "host_permissions": [ "" ], "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "contents.fd784ee1.css", "contents.7c05c6e1.png" ] } ] }