ClickSay ← Back to home
Contents

    ClickSay Self-Help Support Guide

    Language: English Last updated: August 2026 Extension version: v1.2.6


    Table of Contents

    1. Getting Started
    2. Troubleshooting
    3. How to Use ClickSay
    4. Output Formats
    5. Side Panel
    6. Settings
    7. Free vs Pro
    8. Keyboard Shortcuts
    9. Privacy & Security
    10. FAQ

    1. Getting Started

    What is ClickSay?

    ClickSay is a Chrome extension that turns UI feedback into structured, AI-ready prompts. Instead of typing long descriptions to explain what you want changed on a web page, you simply click an element, speak your feedback, and paste the result into any AI coding tool. What used to take a minute of typing takes about 8 seconds with ClickSay.

    Installing ClickSay

    1. Visit the ClickSay listing on the Chrome Web Store.
    2. Click Add to Chrome.
    3. Confirm the permissions when prompted.
    4. The ClickSay icon appears in the Chrome toolbar.

    Pinning the Icon

    If you do not see the ClickSay icon in your toolbar:

    1. Click the puzzle piece icon (Extensions) in the Chrome toolbar.
    2. Find "ClickSay - Vibe Code 20x Faster" in the list.
    3. Click the pin icon next to it to keep it visible.

    The Welcome Page (First Install)

    Right after you install ClickSay, a new tab opens at clicksay.net/welcome with a guided three-step walkthrough and a clearly labeled demo target button. It is the fastest way to do your first capture: open the side panel, activate ClickSay, click the demo button, and you have your first prompt on the clipboard in under thirty seconds. If you closed the tab and want to revisit it, open clicksay.net/welcome any time.

    Your First Capture - A Walkthrough

    Follow these steps to make your first capture:

    1. Open any web page (for example, your own project running on localhost, or any public website).
    2. Press Cmd+Shift+K (Mac) or Ctrl+Shift+K (Windows/Linux) to activate capture mode. You will see an orange outline appear as you hover over elements.
    3. Click any element on the page. A popup will appear near the element, and the microphone starts automatically.
    4. Speak your feedback naturally - for example, "make this button bigger and change the color to blue."
    5. Press Enter to copy the structured prompt to your clipboard. A brief "Copied!" toast notification will appear to confirm the copy succeeded.
    6. Open your AI tool (Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, etc.) and paste with Cmd+V / Ctrl+V.

    That is it. The AI now has the full context - the element's selector, styles, HTML, and your feedback - and can make the change accurately.


    2. Troubleshooting

    Having trouble with ClickSay? Start here. These are the most common issues and how to fix them.

    Keyboard shortcut does nothing

    This is the most common issue. Chrome does not always assign the shortcut automatically.

    Check if the shortcut is mapped:

    1. Open chrome://extensions/shortcuts in your browser address bar.
    2. Find "ClickSay - Vibe Code 20x Faster" in the list.
    3. Look at the shortcut next to "Activate ClickSay feedback mode."
    4. If it says "Not set", that is the problem. Click the pencil icon and press Cmd+Shift+K (Mac) or Ctrl+Shift+K (Windows/Linux) to assign it.
    5. If it shows a shortcut but still does not work, another extension may be using the same key combination. Try assigning a different shortcut, or check your other extensions for conflicts.

    Alternative ways to activate ClickSay (no shortcut needed):

    • Click the ClickSay icon in the Chrome toolbar and select "Capture Element"
    • Right-click any element on the page and select "ClickSay this element"

    Note: If you use the keyboard shortcut on a page where ClickSay cannot inject its content script (such as chrome:// pages or a freshly installed tab that has not been refreshed), ClickSay will automatically open the side panel as a fallback instead of silently failing.

    Tip: The welcome overlay that appears on first install includes a troubleshooting tip about keyboard shortcuts. If you dismissed it, the key steps are: go to chrome://extensions/shortcuts, find ClickSay, and assign your preferred shortcut.

    Antivirus or security software blocking ClickSay

    Some antivirus programs (Bitdefender, Norton, Kaspersky, etc.) may flag or block Chrome extensions. If ClickSay stops working, disappears, or Chrome shows errors about the extension, your antivirus may be quarantining extension files.

    Signs your antivirus is blocking ClickSay:

    • The extension suddenly disappears from Chrome or shows as "corrupted"
    • Chrome shows an error like "This extension may have been corrupted"
    • The extension was working and then stopped after an antivirus scan
    • Your antivirus log shows a detection related to Chrome extensions

    How to fix it:

    1. Check your antivirus quarantine. Open your antivirus dashboard and look for quarantined files. If you see Chrome extension files, restore them.
    2. Add an exclusion for Chrome extensions. Add the Chrome extensions folder to your antivirus exclusions:
      • macOS: ~/Library/Application Support/Google/Chrome/Default/Extensions/
      • Windows: C:\Users\<YourName>\AppData\Local\Google\Chrome\User Data\Default\Extensions\
    3. Reinstall the extension after restoring quarantined files or adding the exclusion. Go to the Chrome Web Store, search for ClickSay, and click "Add to Chrome."
    4. Whitelist ClickSay by its extension ID. The ClickSay extension ID is cpnmelphcmdcmejmjfnodmpdfifccfhj. Some antivirus programs let you whitelist specific extension IDs.

    Antivirus-specific instructions:

    • Bitdefender: Open the Bitdefender dashboard (or GravityZone console for enterprise). Go to Quarantine, find the flagged file, click "Restore" and "Add Exclusion." Then go to Protection > Antivirus > Settings > Exclusions and add the Chrome extensions folder.
    • Norton: Open Norton, go to Settings > Antivirus > Scans and Risks > Exclusions/Low Risks, and add the Chrome extensions folder.
    • Kaspersky: Open Kaspersky, go to Settings > Threats and Exclusions > Manage Exclusions, and add the Chrome extensions folder.
    • Windows Defender: Open Windows Security > Virus & Threat Protection > Manage Settings > Exclusions > Add an Exclusion, and add the Chrome extensions folder.

    Extension not working on certain pages

    Pages where ClickSay cannot work:

    • chrome:// pages (settings, extensions, bookmarks, etc.)
    • The Chrome Web Store (chrome.google.com/webstore)
    • Other browser-internal pages (about:, edge://, etc.)
    • PDF files opened in Chrome's built-in viewer
    • file:// URLs (local HTML files) - unless you enable file access (see below)

    These are restricted by Chrome itself - no extension can run on them by default. Navigate to a regular website to use ClickSay.

    Using ClickSay on local files (file:// URLs):

    By default, Chrome blocks extensions from running on local files. To enable ClickSay on local HTML files:

    1. Go to chrome://extensions/ in your browser address bar.
    2. Find ClickSay and click Details.
    3. Toggle on "Allow access to file URLs".
    4. Reload your local file - ClickSay will now work on it.

    Alternatively, you can serve local files with a simple local server (e.g. python3 -m http.server 8080) and open them on localhost instead.

    Pages where ClickSay might not work:

    • Pages with very strict Content Security Policies (CSP) may block script injection. Check the browser console (F12 > Console) for CSP errors.
    • If a page was open before you installed ClickSay, refresh it first.

    Content inside an embedded frame (iframe):

    Some pages keep their real content inside an embedded frame. Claude artifacts, StackBlitz and CodeSandbox previews, and embedded design or checkout widgets all work this way. ClickSay v1.2.6 and later can select elements inside them.

    On v1.2.5 and earlier, clicking those elements did nothing at all and showed no error message. If that is happening to you, check your version under "Which version am I on?" below, then update from the Chrome Web Store.

    One difference to expect: when you click an element inside an embedded frame, the feedback popup opens in the middle of the page instead of next to the element. The embedded frame does not share screen coordinates with the page around it, so ClickSay cannot place the popup precisely. Drag the popup wherever you prefer.

    Microphone not working

    Check browser permissions:

    1. Click the lock/tune icon in the Chrome address bar for the current site.
    2. Make sure "Microphone" is set to "Allow."
    3. If it says "Block," change it to "Allow" and refresh the page.

    Check system permissions:

    • macOS: Go to System Settings > Privacy & Security > Microphone and make sure Chrome is listed and enabled.
    • Windows: Go to Settings > Privacy > Microphone and make sure Chrome is allowed.

    Other causes:

    • Another app may be using the microphone (Zoom, Teams, etc.). Close it and try again.
    • Try refreshing the page after granting permission.
    • You can always type your feedback instead of speaking - the mic is optional.

    Output not copying to clipboard

    1. Try pressing Enter from the in-page popup - this has the best success rate.
    2. Try pressing Cmd+Return (Mac) or Ctrl+Enter (Windows/Linux) from the side panel.
    3. Make sure no other extension is intercepting clipboard writes.
    4. Some pages restrict clipboard access. Open the side panel and use the copy button there as a fallback.

    When copying succeeds, a brief "Copied!" toast notification appears at the bottom of the screen. If you do not see this toast, the copy may not have succeeded.

    Side panel not opening

    1. Click the ClickSay icon in the Chrome toolbar. A popup menu appears with "Capture Element" and "Open Side Panel."
    2. Click "Open Side Panel."
    3. If you do not see the ClickSay icon, click the puzzle piece icon (Extensions) in the toolbar and pin ClickSay.
    4. If the popup does not appear, try restarting Chrome.

    Capture limit reached

    The free plan allows 20 captures per month. Your usage resets automatically at the start of each calendar month. Check the Account section in the side panel for your current count. Upgrade to Pro for unlimited captures.

    Extension shows as "corrupted" or needs repair

    This usually means files were modified or removed (often by antivirus software - see the antivirus section above).

    1. Go to chrome://extensions in your browser.
    2. Find ClickSay and click "Repair" if the option is available.
    3. If that does not work, remove the extension and reinstall from the Chrome Web Store.
    4. Your settings and history are stored separately and will be preserved after reinstall.

    ClickSay is slow or unresponsive

    1. Check if you have too many extensions running. Disable others temporarily to test.
    2. Try restarting Chrome.
    3. Check Chrome's Task Manager (Shift+Esc) to see if ClickSay's service worker is using unusual resources.
    4. If the issue persists after a Chrome restart, try reinstalling the extension.

    Which version am I on?

    Open the side panel - the version number is shown at the bottom, next to the help link.

    Still need help?

    • Visit https://clicksay.net for the latest information
    • Click the "Not working? Get help" link in the side panel footer to open this help page
    • Make sure you are on the latest version (Chrome updates extensions automatically, but you can force-check at chrome://extensions with Developer mode enabled)

    3. How to Use ClickSay

    The Click-Speak-Paste Workflow

    ClickSay follows a simple three-step workflow:

    Step 1: Click

    Activate capture mode using any of these methods:

    • Press Cmd+Shift+K (Mac) or Ctrl+Shift+K (Windows/Linux)
    • Click the ClickSay icon in the toolbar and select "Capture Element" from the popup menu
    • Right-click any element on the page and select "ClickSay this element"

    Once capture mode is active, elements highlight with an orange outline as you hover over them. Click the element you want to give feedback on.

    Step 2: Speak (or Type)

    After you click an element, a popup appears near it. The microphone starts automatically and you will see "Listening..." in the popup.

    • Speak your feedback naturally: "fix the padding," "make this bigger," "change the font to sans-serif."
    • Type in the popup textarea instead if you prefer not to use voice. When you start typing, the microphone automatically pauses so your voice transcript does not interleave with typed text.
    • Combine both - you can speak and then edit or add to the text by typing. The mic pauses as soon as you press a key, so there is no conflict between voice and keyboard input.
    • Tap a suggestion chip - context-aware quick-feedback buttons appear based on the element you clicked. Tap one to insert that text instantly.

    Step 3: Paste

    When you are done with your feedback:

    • Press Enter in the popup to stop recording and copy the prompt to your clipboard. A brief "Copied!" toast notification confirms the copy.
    • Or click the mic icon to stop recording, then press Enter to copy.
    • Paste the result into your AI tool with Cmd+V / Ctrl+V.

    Changing the Speech Language

    You can change the voice recognition language directly from the feedback popup without leaving the page.

    1. In the feedback popup, look for the language dropdown (shows a compact language code like "EN" or "ES").
    2. Click the dropdown and select your preferred language from the list of 20 supported languages.
    3. Your choice is saved automatically and persists across sessions.
    4. If the microphone is already recording, recognition restarts in the new language immediately.

    You can also set the speech language from the Options page (see Settings).

    Sweep Mode (Multiple Elements)

    Sweep mode lets you select multiple elements and give a single piece of feedback for all of them. This is a Pro feature.

    1. Activate capture mode (Cmd+Shift+K).
    2. Hold Shift and click each element you want to include. Each clicked element gets a numbered badge.
    3. When you are done selecting, click the final element without holding Shift.
    4. The popup appears. Speak your feedback - it applies to all selected elements.
    5. Press Enter. A single structured prompt covering all elements is copied to your clipboard.

    Suggestion Chips

    When the popup appears, you will see small clickable buttons with common feedback phrases. These are called suggestion chips, and they change based on what kind of element you clicked:

    • Buttons/links: "Change the text," "Fix hover state," "Make more prominent," "Change color"
    • Images: "Replace this image," "Fix aspect ratio," "Add alt text," "Make responsive"
    • Form inputs: "Change placeholder," "Fix validation," "Resize this field," "Add label"
    • Headings: "Change text," "Adjust size," "Change font weight," "Fix spacing"
    • And more for navigation, lists, tables, flex containers, and grid containers.

    Tap a chip to insert its text into your feedback. You can then edit or add to it.

    Copying Your Prompt

    Press Enter at any time to copy the structured prompt to your clipboard. The mic does not need to be stopped first - you can press Enter while still recording and it will use everything captured so far. A "Copied!" toast notification briefly appears at the center-bottom of the viewport to confirm the copy succeeded.

    You can also click the mic icon to stop recording first, review or edit your feedback in the textarea, and then press Enter to copy.

    If you have the Screenshot pill enabled and a screenshot was captured, the image is included in the clipboard alongside the text prompt. When you paste into Claude.ai, ChatGPT, Word, Google Docs, or other apps that support image paste, the screenshot appears as an actual image attachment - not raw text.

    Downloading a Screenshot

    If you want to save a captured screenshot to your computer, look for the small download icon in the screenshot card header in the side panel. Clicking it saves the screenshot as a PNG file to your downloads folder.

    Copying Just the Screenshot

    Right next to the download icon in the screenshot card header is a small copy icon. Clicking it copies only the screenshot image to your clipboard - useful when you want to paste the picture into Slack, an issue tracker, or a doc without the surrounding prompt text. The main "Copy to Clipboard" button still copies the full structured prompt with the image attached; the new icon is for image-only paste.

    Draggable Popup

    If the feedback popup is covering the element you want to look at, just drag it out of the way. Click and drag the handle bar at the top of the popup to reposition it anywhere on screen.

    Inline Flow

    You can complete the entire capture-to-clipboard workflow right in the popup without ever opening the side panel. Click an element, give feedback, and the prompt is copied - all inline. The side panel is still there when you need history, settings, or output format changes.


    4. Output Formats

    Presets

    ClickSay offers four output presets that control how much detail is included in the generated prompt.

    Simple (Free)

    A single-line, terminal-friendly format. Includes only the page URL.

    Example:

    For the url: https://myapp.com/dashboard About: Dashboard Overview Make this heading smaller and dark blue
    

    Standard (Free)

    A structured markdown format. Includes the URL, CSS selector, and element text.

    Example:

    ## Feedback
    Make this heading smaller and dark blue
    
    **URL:** https://myapp.com/dashboard
    
    **Element:** `<h1>` `#page-title`
    
    **Selector:** `h1.page-title`
    
    **Text:** "Dashboard Overview"
    

    Detailed (Pro)

    Full structured markdown. Includes URL, selector, text, HTML, computed CSS styles, file path, and component name.

    Full (Pro)

    Everything ClickSay captures. Includes all data from Detailed plus parent context HTML, screenshot, and accessibility audit results.

    Free Tier Attribution

    On the free plan, prompts include a small attribution footer: [Captured with ClickSay - clicksay.net]. This helps spread the word about ClickSay. Pro users get clean output with no branding.

    Pills (Individual Toggles)

    Each piece of captured data corresponds to a toggleable "pill" in the side panel. You can turn individual data fields on or off to customize your output.

    PillWhat It IncludesFree
    URLPage URLYes
    SelectorCSS selectorYes
    TextElement inner textYes
    HTMLElement outer HTMLYes
    StylesComputed CSS stylesYes
    ContextParent element HTML (3 levels up)Yes
    File PathResolved source file pathYes
    ScreenshotScreenshot with highlight overlayPro only
    ComponentFramework component name and pathPro only
    A11yAccessibility audit findingsPro only

    How to Customize Output

    1. Open the side panel by clicking the ClickSay icon in the toolbar and selecting "Open Side Panel" from the popup menu.
    2. In the Output Format section, click a preset button to start with a base configuration.
    3. Toggle individual pills on or off to fine-tune what data is included.
    4. Your selections are saved automatically and persist across sessions.

    When you toggle pills manually, the active preset highlight updates to show whether your configuration matches any preset exactly.


    5. Side Panel

    The side panel is ClickSay's main control surface. Open it by clicking the ClickSay icon in the toolbar, then selecting "Open Side Panel" from the popup menu.

    What Everything Does (Top to Bottom)

    Header

    • ClickSay brand name with a plan badge (PRO or Free).
    • Upgrade link (visible for free users) - opens the pricing page.
    • Capture button - activates feedback mode on the current tab. You can also start a capture directly from the toolbar popup menu by clicking "Capture Element."
    • Clear button - removes all history. A confirmation dialog appears before anything is deleted, so you will not lose history by accident.
    • Inactivity hint: if the side panel has been open for a minute and you have not made any captures yet this month, a small orange "Stuck? Click Capture Element above..." card appears below the Capture button. Dismiss it with the "x" if you do not want it. It only shows for new users; once you have captured anything, it stays out of your way.

    Output Format Section

    • Preset row: Four buttons - Simple, Standard, Detailed, Full. Detailed and Full show lock icons for free users.
    • Pill toggles: Ten checkboxes for individual data fields. Pro-only pills (Screenshot, Component, A11y) show lock icons for free users.

    Capture View

    After you capture an element, this section shows:

    • Element card: Tag name, CSS selector, and a preview of the element's text.
    • Screenshot card: The captured screenshot with an orange highlight on the element (if a screenshot was taken). Two small icons in the card header: a copy icon (puts just the image on the clipboard) and a download icon (saves it as a PNG file).
    • Feedback card: A textarea showing your voice-transcribed or typed feedback. Includes a mic button to start/stop recording.
    • Target file card: The auto-detected or manually entered file path. An "Auto-detected" label appears when the path was resolved from mapping rules.
    • Copy to Clipboard button with Cmd+Return shortcut hint.

    Account / Plan Section

    • Shows your current plan (Free or Pro).
    • For free users: displays capture usage counter (e.g., "3/20 this month").
    • Upgrade or Manage link.

    History Section

    • History items grouped by date (Today, Yesterday, or specific dates).
    • Each item shows the timestamp, element tag, page hostname, and truncated feedback text.
    • Click an item to reload it into the capture view.
    • Each item has a copy button (to re-copy the prompt) and a delete button.
    • Batch actions: "Copy Selected" and "Select All" buttons appear when items are selected.

    Storage Management

    • Storage used: Shows how much local storage ClickSay is using (e.g., "2.3 MB").
    • Auto-purge dropdown: Choose how long to keep history - 7 days, 30 days, 60 days, 90 days, or Never. Free users are limited to 7 days.
    • Purge Images Now: Removes all stored screenshots while keeping your text history.

    Footer

    • The current extension version is shown at the bottom of the side panel.
    • A "Not working? Get help" link opens the troubleshooting guide at clicksay.net/help.

    6. Settings

    Accessing the Options Page

    Right-click the ClickSay icon in the toolbar and select Options. Or navigate to your Chrome extensions page, find ClickSay, and click "Details" then "Extension options."

    Speech Language

    A dropdown in the Options page lets you choose the voice recognition language. ClickSay supports 20 languages for speech input, including English, Spanish, French, German, Chinese, Japanese, Korean, Hindi, Arabic, Portuguese, and more. The selected language determines which language the speech recognition engine uses when you speak into the microphone.

    You can also change the speech language directly from the feedback popup using the inline language selector (see Changing the Speech Language).

    Project Root

    The base directory of your project on your local machine. For example:

    /Users/you/projects/my-app
    

    This is used to resolve file paths in the output. When ClickSay detects a component or maps a URL to a file, the project root is prepended to create a full path.

    URL-to-File Mapping

    Regex-based rules that map URL patterns to source file paths. This is useful when automatic framework detection does not find the right file.

    ClickSay includes presets for common setups:

    • Static Site - maps URLs directly to file paths
    • Next.js - maps routes to app/ directory structure
    • SvelteKit - maps routes to src/routes/ structure
    • React (CRA) - maps to src/ directory structure

    To add a custom rule:

    1. Enter a URL regex pattern (e.g., /dashboard/(.*))
    2. Enter the file path template (e.g., src/pages/dashboard/$1.tsx)
    3. Click Save Settings

    License Key

    After purchasing ClickSay Pro:

    1. You are redirected back to clicksay.net where your license key is displayed.
    2. The key is automatically sent to the extension - Pro features unlock instantly, no manual steps needed.

    Manual activation (backup): If auto-activation did not work (e.g. different browser or extension not installed yet), copy the license key shown on the success page. Then open the side panel, click Already have a key? Activate it inside the Unlock Pro card, paste the key, and click Activate. The Options page has the same Pro License field if you prefer (right-click the ClickSay icon > Options).

    Once active, the key is masked. Both the side panel and Options show the first six and last four characters (for example CSPRO·····103a) with a Show button to reveal the full key. The status line shows your account email and renewal date. A Deactivate button removes the key from this device.


    7. Free vs Pro

    What is Included in Free

    FeatureFree Plan
    Captures20 per month
    Output presetsSimple and Standard
    PillsURL, Selector, Text, HTML, Styles, Context, File Path
    History retention7 days maximum
    Sweep modeNot available
    Output brandingIncludes "Captured with ClickSay" footer

    What is Included in Pro

    FeaturePro Plan
    CapturesUnlimited
    Output presetsAll four (Simple, Standard, Detailed, Full)
    PillsAll 10 (including Screenshot, Component, A11y)
    History retentionUnlimited (including "Never purge" option)
    Sweep modeAvailable
    Framework detectionFull component name, path, and route
    Accessibility auditFull audit in output
    Auto-purge options7, 30, 60, 90 days, or Never
    Output brandingClean output, no attribution footer

    Pricing

    • Free: $0
    • Pro Monthly: $7/month
    • Pro Yearly: $45/year (46% savings)

    How to Upgrade

    You can upgrade to Pro in two ways:

    From the side panel:

    1. Click the Upgrade link in the side panel header or Account section.
    2. This opens the pricing page at https://clicksay.net/#pricing.
    3. Click Go Pro to start a Stripe checkout.

    From the upgrade overlay:

    1. When you reach your free capture limit, an in-page overlay appears with upgrade options.
    2. Click Go Pro on the overlay to start a Stripe checkout.

    After payment, a license key is generated and automatically sent to your extension. If automatic activation does not work, copy the license key from the success page and enter it in the Options page (right-click the ClickSay icon > Options > Pro License > click Activate).

    Usage Limits and Resets

    • The capture usage counter resets at the start of each calendar month.
    • Usage is displayed in the Account section of the side panel.
    • When you reach your capture limit, an in-page overlay appears with upgrade options.

    8. Keyboard Shortcuts

    ShortcutWhereWhat It Does
    `Cmd+Shift+K` (Mac) / `Ctrl+Shift+K` (Win/Linux)Any web pageActivate capture mode directly (bypasses the toolbar popup menu)
    `Escape`During capture modeCancel capture mode
    `Escape`While recordingStop recording and dismiss popup
    `Escape`While popup is openDismiss popup
    `Shift+Click`During capture modeAdd element to sweep collection (Pro)
    `Enter`In popup textareaStop recording and copy to clipboard
    `Shift+Enter`In popup textareaInsert a new line (does not submit)
    `Cmd+Return` (Mac) / `Ctrl+Enter` (Win/Linux)In side panelCopy to clipboard

    Context Menu

    Right-click any element on a web page and select ClickSay this element to activate capture mode for that element.

    Customizing the Shortcut

    If Cmd+Shift+K / Ctrl+Shift+K does not work or conflicts with another extension:

    1. Navigate to chrome://extensions/shortcuts in your browser.
    2. Find "ClickSay - Vibe Code 20x Faster."
    3. Click the pencil icon next to "Activate ClickSay feedback mode."
    4. Record your preferred shortcut.

    9. Privacy and Security

    All Data Stays Local

    ClickSay operates entirely within your browser. All processing - DOM capture, speech recognition, prompt formatting, screenshot capture - happens on your machine. There is no ClickSay server processing your data.

    What Stays in Your Browser

    • All captured element data (selectors, HTML, styles, etc.)
    • All voice feedback text
    • All screenshots
    • Feedback history
    • Your settings (output preferences, mapping rules)

    What Leaves the Browser

    Data only leaves your browser in these situations, all of which you initiate:

    1. Clipboard copy - When you copy a prompt, it goes to your system clipboard.
    2. License validation - If you have a Pro license key, the extension checks it against https://clicksay.net/api/license/validate. This request contains only the license key - no feedback, no screenshots, no user data.

    No Tracking

    • No analytics or telemetry of any kind.
    • No cookies or tracking scripts.
    • No user accounts or authentication (Pro uses a license key, not a user account).
    • The extension does not know who installed it or how it is being used.

    Permissions Explained

    PermissionWhy It Is Needed
    activeTabAccess the current tab to capture element data when you click. Only active when you trigger the extension.
    sidePanelDisplay the ClickSay side panel.
    storageStore your history, settings, and screenshots locally.
    contextMenusAdd "ClickSay this element" to the right-click menu.
    scriptingInject the capture script into the active tab when you activate capture mode.
    clipboardWriteCopy prompts to your clipboard.
    offscreenClipboard fallback for edge cases where other copy methods do not work.
    alarmsSchedule daily cleanup of old screenshots.

    No Blanket Host Permissions

    ClickSay uses the activeTab permission, which only grants access to the tab you are actively interacting with, and only when you explicitly trigger the extension. The only sites where ClickSay runs a content script automatically are clicksay.net and www.clicksay.net - this is solely for receiving your license key after purchase.


    10. FAQ

    Can I use ClickSay on any website?

    Yes. ClickSay works on any URL - not just localhost. The only exceptions are Chrome internal pages (chrome://), the Chrome Web Store, and other restricted browser URLs.

    Pages that keep their content inside an embedded frame, such as Claude artifacts or a StackBlitz preview, are supported from v1.2.6 onwards.

    Do I need to use voice? Can I just type?

    Yes, you can type your feedback instead of speaking. After clicking an element, simply type in the popup textarea. The microphone automatically pauses when you start typing, so there is no conflict between voice and keyboard input. You can also combine voice and typing - speak first, then edit or add text by typing.

    Can I use ClickSay in my language?

    Yes. ClickSay supports 20 languages for voice recognition. You can change the speech language from the inline language selector in the feedback popup or from the Options page. The interface labels remain in English, but voice input works in your chosen language.

    Which AI tools work with ClickSay?

    ClickSay copies a structured prompt to your clipboard. You can paste it into any AI tool that accepts text input: Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, ChatGPT, or any other AI assistant.

    Does ClickSay send my data to a server?

    No. All processing happens in your browser. The only network request is license key validation (Pro users only). See the Privacy and Security section for full details.

    What frameworks does ClickSay detect?

    React, Vue (2 and 3), Angular, Svelte, Next.js, and SvelteKit. Detection works best on development builds. Production builds may strip the debugging data that ClickSay uses for detection.

    Can I capture multiple elements at once?

    Yes, using Sweep Mode (Pro only). Hold Shift and click each element you want to include, then release Shift and click the last element. Speak your feedback once and it applies to all selected elements.

    What happens when my free tier limits reset?

    The capture usage counter resets at the start of each calendar month. There is nothing you need to do - the counter resets automatically.

    Can I re-copy a previous capture?

    Yes. Open the side panel and find the capture in your history. Click the copy button (clipboard icon) on the history item to re-copy its prompt. The prompt is regenerated with your current pill settings. If the Screenshot pill is enabled and the capture includes a screenshot, the image is included in the clipboard as well.

    How do I cancel a capture mid-way?

    Press Escape at any point during capture mode to cancel. This dismisses the popup and deactivates capture mode.

    What is the "Captured with ClickSay" text in my prompt?

    On the free plan, ClickSay adds a small attribution footer to the output. This does not affect AI tool performance. Upgrade to Pro to remove the branding.

    How do I check for extension updates?

    Chrome updates extensions automatically. You can also go to chrome://extensions, enable "Developer mode," and click "Update" to force-check for updates. Check the version number at the bottom of the side panel.

    Where can I get more help?

    • Visit https://clicksay.net for the latest information
    • Click the "Not working? Get help" link in the side panel footer
    • Use the chat widget on clicksay.net for live support
    • Check the What's New section at https://clicksay.net/#changelog for release notes

    This guide covers ClickSay v1.2.4. For the latest updates, visit https://clicksay.net.

    Guia de Soporte y Autoayuda de ClickSay

    Idioma: Espanol Ultima actualizacion: Agosto 2026 Version de la extension: v1.2.6


    Tabla de Contenidos

    1. Primeros Pasos
    2. Solucion de Problemas
    3. Como Usar ClickSay
    4. Formatos de Salida
    5. Panel Lateral
    6. Configuracion
    7. Free vs Pro
    8. Atajos de Teclado
    9. Privacidad y Seguridad
    10. Preguntas Frecuentes

    1. Primeros Pasos

    Que es ClickSay?

    ClickSay es una extension de Chrome que convierte los comentarios sobre interfaces de usuario en prompts estructurados y listos para usar con IA. En vez de escribir largas descripciones para explicar que quieres cambiar en una pagina web, simplemente haces clic en un elemento, dices tu comentario con la voz y pegas el resultado en cualquier herramienta de programacion con IA. Lo que antes tomaba un minuto escribiendo, toma unos 8 segundos con ClickSay.

    Instalar ClickSay

    1. Visita la pagina de ClickSay en la Chrome Web Store.
    2. Haz clic en Anadir a Chrome.
    3. Confirma los permisos cuando se te solicite.
    4. El icono de ClickSay aparecera en la barra de herramientas de Chrome.

    Fijar el Icono

    Si no ves el icono de ClickSay en tu barra de herramientas:

    1. Haz clic en el icono de pieza de puzzle (Extensiones) en la barra de herramientas de Chrome.
    2. Busca "ClickSay - Vibe Code 20x Faster" en la lista.
    3. Haz clic en el icono de pin para mantenerlo visible.

    Pagina de Bienvenida (Primera Instalacion)

    Justo despues de instalar ClickSay, se abre una nueva pestana en clicksay.net/welcome con un recorrido guiado de tres pasos y un boton de demostracion claramente etiquetado. Es la forma mas rapida de hacer tu primera captura: abre el panel lateral, activa ClickSay, haz clic en el boton de demo y tendras tu primer prompt en el portapapeles en menos de treinta segundos. Si cerraste la pestana y quieres volver, abre clicksay.net/welcome cuando quieras.

    Tu Primera Captura - Paso a Paso

    Sigue estos pasos para hacer tu primera captura:

    1. Abre cualquier pagina web (por ejemplo, tu proyecto en localhost o cualquier sitio publico).
    2. Presiona Cmd+Shift+K (Mac) o Ctrl+Shift+K (Windows/Linux) para activar el modo de captura. Veras un contorno naranja al pasar el cursor sobre los elementos.
    3. Haz clic en cualquier elemento de la pagina. Aparecera un popup cerca del elemento y el microfono se activara automaticamente.
    4. Di tu comentario de forma natural - por ejemplo, "haz este boton mas grande y cambia el color a azul."
    5. Presiona Enter para copiar el prompt estructurado a tu portapapeles. Aparecera brevemente una notificacion "Copied!" para confirmar que la copia fue exitosa.
    6. Abre tu herramienta de IA (Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, etc.) y pega con Cmd+V / Ctrl+V.

    Eso es todo. La IA ahora tiene el contexto completo - el selector del elemento, estilos, HTML y tu comentario - y puede hacer el cambio con precision.


    2. Solucion de Problemas

    Tienes problemas con ClickSay? Empieza aqui. Estos son los problemas mas comunes y como solucionarlos.

    El atajo de teclado no funciona

    Este es el problema mas comun. Chrome no siempre asigna el atajo automaticamente.

    Verifica si el atajo esta mapeado:

    1. Abre chrome://extensions/shortcuts en la barra de direcciones de tu navegador.
    2. Busca "ClickSay - Vibe Code 20x Faster" en la lista.
    3. Mira el atajo junto a "Activate ClickSay feedback mode."
    4. Si dice "Not set", ese es el problema. Haz clic en el icono de lapiz y presiona Cmd+Shift+K (Mac) o Ctrl+Shift+K (Windows/Linux) para asignarlo.
    5. Si muestra un atajo pero aun no funciona, otra extension puede estar usando la misma combinacion de teclas. Intenta asignar un atajo diferente o revisa tus otras extensiones por conflictos.

    Formas alternativas de activar ClickSay (sin atajo):

    • Haz clic en el icono de ClickSay en la barra de herramientas de Chrome y selecciona "Capture Element"
    • Haz clic derecho en cualquier elemento de la pagina y selecciona "ClickSay this element"

    Nota: Si usas el atajo de teclado en una pagina donde ClickSay no puede inyectar su content script (como paginas chrome:// o una pestana recien instalada que no se ha actualizado), ClickSay abrira automaticamente el panel lateral como alternativa en vez de fallar silenciosamente.

    Consejo: La pantalla de bienvenida que aparece en la primera instalacion incluye un consejo de solucion de problemas sobre atajos de teclado. Si la cerraste, los pasos clave son: ve a chrome://extensions/shortcuts, busca ClickSay y asigna tu atajo preferido.

    Antivirus o software de seguridad bloqueando ClickSay

    Algunos programas antivirus (Bitdefender, Norton, Kaspersky, etc.) pueden marcar o bloquear extensiones de Chrome. Si ClickSay deja de funcionar, desaparece, o Chrome muestra errores sobre la extension, tu antivirus puede estar poniendo en cuarentena los archivos de la extension.

    Senales de que tu antivirus esta bloqueando ClickSay:

    • La extension desaparece repentinamente de Chrome o muestra "corrupted"
    • Chrome muestra un error como "This extension may have been corrupted"
    • La extension funcionaba y luego se detuvo despues de un escaneo de antivirus
    • El registro de tu antivirus muestra una deteccion relacionada con extensiones de Chrome

    Como solucionarlo:

    1. Revisa la cuarentena de tu antivirus. Abre el panel de tu antivirus y busca archivos en cuarentena. Si ves archivos de extensiones de Chrome, restauralos.
    2. Agrega una exclusion para extensiones de Chrome. Agrega la carpeta de extensiones de Chrome a las exclusiones de tu antivirus:
      • macOS: ~/Library/Application Support/Google/Chrome/Default/Extensions/
      • Windows: C:\Users\<TuNombre>\AppData\Local\Google\Chrome\User Data\Default\Extensions\
    3. Reinstala la extension despues de restaurar archivos en cuarentena o agregar la exclusion. Ve a la Chrome Web Store, busca ClickSay y haz clic en "Anadir a Chrome."
    4. Agrega ClickSay a la lista blanca por su ID de extension. El ID de la extension ClickSay es cpnmelphcmdcmejmjfnodmpdfifccfhj. Algunos antivirus permiten agregar IDs de extensiones especificas a la lista blanca.

    Instrucciones especificas por antivirus:

    • Bitdefender: Abre el panel de Bitdefender (o la consola GravityZone para empresas). Ve a Cuarentena, busca el archivo marcado, haz clic en "Restaurar" y "Agregar Exclusion." Luego ve a Proteccion > Antivirus > Configuracion > Exclusiones y agrega la carpeta de extensiones de Chrome.
    • Norton: Abre Norton, ve a Configuracion > Antivirus > Analisis y Riesgos > Exclusiones/Riesgos Bajos, y agrega la carpeta de extensiones de Chrome.
    • Kaspersky: Abre Kaspersky, ve a Configuracion > Amenazas y Exclusiones > Administrar Exclusiones, y agrega la carpeta de extensiones de Chrome.
    • Windows Defender: Abre Seguridad de Windows > Proteccion contra virus y amenazas > Administrar configuracion > Exclusiones > Agregar una Exclusion, y agrega la carpeta de extensiones de Chrome.

    La extension no funciona en ciertas paginas

    Paginas donde ClickSay no puede funcionar:

    • Paginas chrome:// (configuracion, extensiones, marcadores, etc.)
    • La Chrome Web Store (chrome.google.com/webstore)
    • Otras paginas internas del navegador (about:, edge://, etc.)
    • Archivos PDF abiertos en el visor integrado de Chrome

    Estas estan restringidas por Chrome mismo - ninguna extension puede ejecutarse en ellas. Navega a un sitio web normal para usar ClickSay.

    Paginas donde ClickSay podria no funcionar:

    • Paginas con politicas de seguridad de contenido (CSP) muy estrictas pueden bloquear la inyeccion de scripts. Revisa la consola del navegador (F12 > Consola) por errores de CSP.
    • Si una pagina estaba abierta antes de instalar ClickSay, actualizala primero.

    Contenido dentro de un marco incrustado (iframe):

    Algunas paginas mantienen su contenido real dentro de un marco incrustado. Los artefactos de Claude, las vistas previas de StackBlitz y CodeSandbox, y los widgets de diseno o de pago incrustados funcionan asi. ClickSay v1.2.6 y posteriores pueden seleccionar elementos dentro de ellos.

    En v1.2.5 y anteriores, hacer clic en esos elementos no hacia absolutamente nada y no mostraba ningun mensaje de error. Si te esta pasando esto, revisa tu version en "Que version tengo?" mas abajo y actualiza desde la Chrome Web Store.

    Una diferencia que notaras: cuando haces clic en un elemento dentro de un marco incrustado, la ventana de feedback se abre en el centro de la pagina en lugar de junto al elemento. El marco incrustado no comparte coordenadas de pantalla con la pagina que lo rodea, asi que ClickSay no puede colocar la ventana con precision. Arrastra la ventana donde prefieras.

    El microfono no funciona

    Revisa permisos del navegador:

    1. Haz clic en el icono de candado/configuracion en la barra de direcciones de Chrome para el sitio actual.
    2. Asegurate de que "Microfono" este en "Permitir."
    3. Si dice "Bloquear," cambialo a "Permitir" y actualiza la pagina.

    Revisa permisos del sistema:

    • macOS: Ve a Preferencias del Sistema > Privacidad y Seguridad > Microfono y asegurate de que Chrome este listado y habilitado.
    • Windows: Ve a Configuracion > Privacidad > Microfono y asegurate de que Chrome este permitido.

    Otras causas:

    • Otra aplicacion puede estar usando el microfono (Zoom, Teams, etc.). Cierrala e intenta de nuevo.
    • Intenta actualizar la pagina despues de conceder el permiso.
    • Siempre puedes escribir tu feedback en vez de hablar - el microfono es opcional.

    La salida no se copia al portapapeles

    1. Intenta presionar Enter desde el popup de la pagina - tiene la mejor tasa de exito.
    2. Intenta presionar Cmd+Return (Mac) o Ctrl+Enter (Windows/Linux) desde el panel lateral.
    3. Asegurate de que ninguna otra extension este interceptando escrituras del portapapeles.
    4. Algunas paginas restringen el acceso al portapapeles. Abre el panel lateral y usa el boton de copiar ahi como alternativa.

    Cuando la copia es exitosa, aparece brevemente una notificacion "Copied!" en la parte inferior de la pantalla. Si no ves esta notificacion, la copia puede no haber sido exitosa.

    El panel lateral no se abre

    1. Haz clic en el icono de ClickSay en la barra de herramientas de Chrome. Aparece un menu con "Capture Element" y "Open Side Panel."
    2. Haz clic en "Open Side Panel."
    3. Si no ves el icono de ClickSay, haz clic en el icono de pieza de puzzle (Extensiones) en la barra de herramientas y fija ClickSay.
    4. Si el popup no aparece, intenta reiniciar Chrome.

    Limite de capturas alcanzado

    El plan free permite 20 capturas por mes. Tu uso se reinicia automaticamente al inicio de cada mes calendario. Revisa la seccion de Cuenta en el panel lateral para ver tu conteo actual. Actualiza a Pro para capturas ilimitadas.

    La extension muestra "corrupted" o necesita reparacion

    Esto generalmente significa que archivos fueron modificados o eliminados (frecuentemente por software antivirus - ve la seccion de antivirus arriba).

    1. Ve a chrome://extensions en tu navegador.
    2. Busca ClickSay y haz clic en "Reparar" si la opcion esta disponible.
    3. Si eso no funciona, elimina la extension y reinstala desde la Chrome Web Store.
    4. Tu configuracion e historial se almacenan por separado y se preservaran despues de reinstalar.

    ClickSay esta lento o no responde

    1. Verifica si tienes demasiadas extensiones ejecutandose. Desactiva otras temporalmente para probar.
    2. Intenta reiniciar Chrome.
    3. Revisa el Administrador de Tareas de Chrome (Shift+Esc) para ver si el service worker de ClickSay esta usando recursos inusuales.
    4. Si el problema persiste despues de reiniciar Chrome, intenta reinstalar la extension.

    En que version estoy?

    Abre el panel lateral - el numero de version se muestra en la parte inferior, junto al enlace de ayuda.

    Aun necesitas ayuda?

    • Visita https://clicksay.net para la informacion mas reciente
    • Haz clic en el enlace "Not working? Get help" en el pie del panel lateral para abrir esta pagina de ayuda
    • Asegurate de estar en la ultima version (Chrome actualiza extensiones automaticamente, pero puedes forzar la verificacion en chrome://extensions con el modo de desarrollador habilitado)

    3. Como Usar ClickSay

    El Flujo Clic-Habla-Pega

    ClickSay sigue un flujo de trabajo simple de tres pasos:

    Paso 1: Clic

    Activa el modo de captura usando cualquiera de estos metodos:

    • Presiona Cmd+Shift+K (Mac) o Ctrl+Shift+K (Windows/Linux)
    • Haz clic en el icono de ClickSay en la barra de herramientas y selecciona "Capture Element" en el menu del popup
    • Haz clic derecho en cualquier elemento de la pagina y selecciona "ClickSay this element"

    Una vez activo el modo de captura, los elementos se resaltan con un contorno naranja al pasar el cursor sobre ellos. Haz clic en el elemento sobre el que quieres dar tu opinion.

    Paso 2: Habla (o Escribe)

    Despues de hacer clic en un elemento, aparece un popup cerca de el. El microfono se activa automaticamente y veras "Listening..." en el popup.

    • Habla tu comentario de forma natural: "arregla el padding," "haz esto mas grande," "cambia la fuente a sans-serif."
    • Escribe en el area de texto del popup si prefieres no usar la voz. Cuando empiezas a escribir, el microfono se pausa automaticamente para que la transcripcion de voz no se mezcle con el texto escrito.
    • Combina ambos - puedes hablar y luego editar o agregar texto escribiendo. El microfono se pausa tan pronto como presionas una tecla, asi que no hay conflicto entre voz y teclado.
    • Toca un chip de sugerencia - botones rapidos de feedback contextuales aparecen segun el elemento que seleccionaste. Toca uno para insertar ese texto al instante.

    Paso 3: Pega

    Cuando hayas terminado con tu comentario:

    • Presiona Enter en el popup para detener la grabacion y copiar el prompt al portapapeles. Una breve notificacion "Copied!" confirma la copia.
    • O haz clic en el icono del microfono para detener la grabacion, y luego presiona Enter para copiar.
    • Pega el resultado en tu herramienta de IA con Cmd+V / Ctrl+V.

    Cambiar el Idioma de Voz

    Puedes cambiar el idioma de reconocimiento de voz directamente desde el popup de feedback sin salir de la pagina.

    1. En el popup de feedback, busca el menu desplegable de idioma (muestra un codigo de idioma compacto como "EN" o "ES").
    2. Haz clic en el desplegable y selecciona tu idioma preferido de la lista de 20 idiomas soportados.
    3. Tu eleccion se guarda automaticamente y persiste entre sesiones.
    4. Si el microfono ya esta grabando, el reconocimiento se reinicia en el nuevo idioma inmediatamente.

    Tambien puedes configurar el idioma de voz desde la pagina de Opciones (ve Configuracion).

    Modo Sweep (Multiples Elementos)

    El modo Sweep te permite seleccionar multiples elementos y dar un solo comentario para todos ellos. Esta es una funcion Pro.

    1. Activa el modo de captura (Cmd+Shift+K).
    2. Manten presionado Shift y haz clic en cada elemento que quieras incluir. Cada elemento recibe una insignia con numero.
    3. Cuando hayas terminado de seleccionar, haz clic en el ultimo elemento sin mantener Shift.
    4. Aparece el popup. Di tu comentario - se aplica a todos los elementos seleccionados.
    5. Presiona Enter. Un prompt estructurado que cubre todos los elementos se copia al portapapeles.

    Chips de Sugerencia

    Cuando aparece el popup, veras pequenos botones con frases de feedback comunes. Estos se llaman chips de sugerencia y cambian segun el tipo de elemento que hayas seleccionado:

    • Botones/enlaces: "Change the text," "Fix hover state," "Make more prominent," "Change color"
    • Imagenes: "Replace this image," "Fix aspect ratio," "Add alt text," "Make responsive"
    • Campos de formulario: "Change placeholder," "Fix validation," "Resize this field," "Add label"
    • Encabezados: "Change text," "Adjust size," "Change font weight," "Fix spacing"
    • Y mas para navegacion, listas, tablas, contenedores flex y contenedores grid.

    Toca un chip para insertar su texto en tu feedback. Luego puedes editarlo o complementarlo.

    Copiar al Portapapeles

    Presiona Enter en cualquier momento para copiar el prompt estructurado al portapapeles. No necesitas detener el microfono primero - puedes presionar Enter mientras aun grabas y usara todo lo capturado hasta el momento. Una notificacion "Copied!" aparece brevemente en la parte inferior central de la pantalla para confirmar que la copia fue exitosa.

    Tambien puedes hacer clic en el boton de microfono para detener la grabacion primero, revisar o editar tu feedback, y luego presionar Enter para copiar.

    Si tienes el pill de Screenshot habilitado y se capturo una captura de pantalla, la imagen se incluye en el portapapeles junto con el prompt de texto. Cuando pegas en Claude.ai, ChatGPT, Word, Google Docs u otras apps que soportan pegar imagenes, la captura de pantalla aparece como una imagen adjunta real, no como texto sin formato.

    Descargar una Captura de Pantalla

    Si deseas guardar una captura de pantalla en tu computadora, busca el pequeno icono de descarga en el encabezado de la tarjeta de captura de pantalla en el panel lateral. Al hacer clic, se guarda la captura como archivo PNG en tu carpeta de descargas.

    Copiar Solo la Captura de Pantalla

    Justo al lado del icono de descarga, en el encabezado de la tarjeta de captura, hay un pequeno icono de copiar. Al hacer clic se copia solo la imagen de la captura al portapapeles - util cuando quieres pegar la imagen en Slack, en un sistema de tickets o en un documento sin el texto del prompt alrededor. El boton principal "Copy to Clipboard" sigue copiando el prompt completo con la imagen adjunta; el icono nuevo es para pegar solo la imagen.

    Popup Arrastrable

    Si el popup de feedback esta cubriendo el elemento que quieres ver, simplemente arrastralo fuera del camino. Haz clic y arrastra la barra superior del popup para reposicionarlo en cualquier lugar de la pantalla.

    Flujo en Linea

    Puedes completar todo el flujo de captura-a-portapapeles directamente en el popup sin abrir el panel lateral. Haz clic en un elemento, da tu feedback y el prompt se copia - todo en linea. El panel lateral sigue disponible cuando necesites el historial, configuraciones o cambios de formato de salida.


    4. Formatos de Salida

    Presets

    ClickSay ofrece cuatro presets de salida que controlan cuanto detalle se incluye en el prompt generado.

    Simple (Free)

    Un formato de una sola linea, amigable para terminal. Solo incluye la URL de la pagina.

    Ejemplo:

    For the url: https://myapp.com/dashboard About: Dashboard Overview Make this heading smaller and dark blue
    

    Standard (Free)

    Un formato markdown estructurado. Incluye la URL, selector CSS y texto del elemento.

    Ejemplo:

    ## Feedback
    Make this heading smaller and dark blue
    
    **URL:** https://myapp.com/dashboard
    
    **Element:** `<h1>` `#page-title`
    
    **Selector:** `h1.page-title`
    
    **Text:** "Dashboard Overview"
    

    Detailed (Pro)

    Markdown estructurado completo. Incluye URL, selector, texto, HTML, estilos CSS calculados, ruta del archivo y nombre del componente.

    Full (Pro)

    Todo lo que ClickSay captura. Incluye todo lo de Detailed mas HTML del contexto padre, captura de pantalla y resultados de auditoria de accesibilidad.

    Atribucion en el Plan Free

    En el plan free, los prompts incluyen un pequeno pie de atribucion: [Captured with ClickSay - clicksay.net]. Esto ayuda a difundir ClickSay. Los usuarios Pro obtienen una salida limpia sin marca.

    Pills (Controles Individuales)

    Cada dato capturado corresponde a un "pill" (boton de activacion) en el panel lateral. Puedes activar o desactivar campos de datos individuales para personalizar tu salida.

    PillQue IncluyeFree
    URLURL de la paginaSi
    SelectorSelector CSSSi
    TextTexto interno del elementoSi
    HTMLHTML externo del elementoSi
    StylesEstilos CSS calculadosSi
    ContextHTML del elemento padre (3 niveles arriba)Si
    File PathRuta del archivo fuente resueltaSi
    ScreenshotCaptura de pantalla con resaltadoSolo Pro
    ComponentNombre y ruta del componente del frameworkSolo Pro
    A11yHallazgos de auditoria de accesibilidadSolo Pro

    Como Personalizar la Salida

    1. Abre el panel lateral haciendo clic en el icono de ClickSay en la barra de herramientas y seleccionando "Open Side Panel" en el menu del popup.
    2. En la seccion Output Format, haz clic en un boton de preset para empezar con una configuracion base.
    3. Activa o desactiva pills individuales para ajustar los datos incluidos.
    4. Tus selecciones se guardan automaticamente y persisten entre sesiones.

    Cuando activas o desactivas pills manualmente, el preset activo se actualiza para mostrar si tu configuracion coincide exactamente con algun preset.


    5. Panel Lateral

    El panel lateral es la superficie de control principal de ClickSay. Abrelo haciendo clic en el icono de ClickSay en la barra de herramientas y seleccionando "Open Side Panel" en el menu del popup.

    Que Hace Cada Cosa (De Arriba a Abajo)

    Encabezado

    • Nombre de marca ClickSay con insignia de plan (PRO o Free).
    • Enlace Upgrade (visible para usuarios free) - abre la pagina de precios.
    • Boton Capture - activa el modo de feedback en la pestana actual. Tambien puedes iniciar una captura directamente desde el menu del popup de la barra de herramientas haciendo clic en "Capture Element."
    • Boton Clear - elimina todo el historial. Aparece un dialogo de confirmacion antes de borrar nada, asi que no perderas historial por accidente.
    • Sugerencia de inactividad: si el panel lateral lleva un minuto abierto y aun no has hecho ninguna captura este mes, aparece una pequena tarjeta naranja "Stuck? Click Capture Element above..." debajo del boton Capture. Cierrala con la "x" si no la quieres. Solo aparece para usuarios nuevos; en cuanto capturas algo, deja de mostrarse.

    Seccion de Formato de Salida

    • Fila de presets: Cuatro botones - Simple, Standard, Detailed, Full. Detailed y Full muestran iconos de candado para usuarios free.
    • Pills: Diez casillas para campos de datos individuales. Las pills exclusivas de Pro (Screenshot, Component, A11y) muestran iconos de candado para usuarios free.

    Vista de Captura

    Despues de capturar un elemento, esta seccion muestra:

    • Tarjeta de elemento: Nombre de etiqueta, selector CSS y una vista previa del texto del elemento.
    • Tarjeta de captura de pantalla: La captura con un resaltado naranja sobre el elemento (si se tomo una captura). Dos pequenos iconos en el encabezado de la tarjeta: un icono de copiar (pone solo la imagen en el portapapeles) y un icono de descarga (guarda la imagen como archivo PNG).
    • Tarjeta de feedback: Un area de texto con tu feedback transcrito por voz o escrito. Incluye un boton de microfono para iniciar/detener la grabacion.
    • Tarjeta de archivo destino: La ruta del archivo auto-detectada o ingresada manualmente. Aparece una etiqueta "Auto-detected" cuando la ruta fue resuelta por reglas de mapeo.
    • Boton Copy to Clipboard con indicacion del atajo Cmd+Return.

    Seccion de Cuenta / Plan

    • Muestra tu plan actual (Free o Pro).
    • Para usuarios free: muestra el contador de uso de capturas (ej., "3/20 este mes").
    • Enlace de Upgrade o Manage.

    Seccion de Historial

    • Elementos del historial agrupados por fecha (Hoy, Ayer o fechas especificas).
    • Cada elemento muestra la hora, etiqueta del elemento, hostname de la pagina y texto de feedback truncado.
    • Haz clic en un elemento para recargarlo en la vista de captura.
    • Cada elemento tiene un boton de copiar (para re-copiar el prompt) y un boton de eliminar.
    • Acciones en lote: Los botones "Copy Selected" y "Select All" aparecen cuando hay elementos seleccionados.

    Gestion de Almacenamiento

    • Storage used: Muestra cuanto almacenamiento local usa ClickSay (ej., "2.3 MB").
    • Auto-purge: Elige cuanto tiempo conservar el historial - 7 dias, 30 dias, 60 dias, 90 dias o Nunca. Los usuarios free estan limitados a 7 dias.
    • Purge Images Now: Elimina todas las capturas de pantalla almacenadas manteniendo el historial de texto.

    Pie del Panel

    • La version actual de la extension se muestra en la parte inferior del panel lateral.
    • Un enlace "Not working? Get help" abre la guia de solucion de problemas en clicksay.net/help.

    6. Configuracion

    Acceder a la Pagina de Opciones

    Haz clic derecho en el icono de ClickSay en la barra de herramientas y selecciona Options. O navega a tu pagina de extensiones de Chrome, busca ClickSay y haz clic en "Details" y luego "Extension options."

    Idioma de Voz

    Un menu desplegable en la pagina de Opciones te permite elegir el idioma de reconocimiento de voz. ClickSay soporta 20 idiomas para entrada de voz, incluyendo ingles, espanol, frances, aleman, chino, japones, coreano, hindi, arabe, portugues y mas. El idioma seleccionado determina que idioma usa el motor de reconocimiento de voz cuando hablas al microfono.

    Tambien puedes cambiar el idioma de voz directamente desde el popup de feedback usando el selector de idioma en linea (ve Cambiar el Idioma de Voz).

    Project Root

    El directorio base de tu proyecto en tu maquina local. Por ejemplo:

    /Users/tu/projects/mi-app
    

    Se usa para resolver rutas de archivos en la salida. Cuando ClickSay detecta un componente o mapea una URL a un archivo, el project root se antepone para crear una ruta completa.

    URL-to-File Mapping

    Reglas basadas en regex que mapean patrones de URL a rutas de archivos fuente. Esto es util cuando la deteccion automatica de framework no encuentra el archivo correcto.

    ClickSay incluye presets para configuraciones comunes:

    • Static Site - mapea URLs directamente a rutas de archivos
    • Next.js - mapea rutas a la estructura del directorio app/
    • SvelteKit - mapea rutas a la estructura src/routes/
    • React (CRA) - mapea a la estructura del directorio src/

    Para agregar una regla personalizada:

    1. Ingresa un patron regex de URL (ej., /dashboard/(.*))
    2. Ingresa la plantilla de ruta del archivo (ej., src/pages/dashboard/$1.tsx)
    3. Haz clic en Save Settings

    Clave de Licencia

    Despues de comprar ClickSay Pro:

    1. Seras redirigido a clicksay.net donde se muestra tu clave de licencia.
    2. La clave se envia automaticamente a la extension - las funciones Pro se desbloquean al instante, sin pasos manuales.

    Activacion manual (respaldo): Si la activacion automatica no funciono (ej. otro navegador o extension no instalada), copia la clave mostrada en la pagina de exito. Luego abre el panel lateral, haz clic en Already have a key? Activate it dentro de la tarjeta Unlock Pro, pega la clave y haz clic en Activate. La pagina de Opciones tiene el mismo campo Pro License si lo prefieres (clic derecho en el icono de ClickSay > Options).

    Una vez activa, la clave queda enmascarada. Tanto el panel lateral como Opciones muestran los primeros seis y los ultimos cuatro caracteres (por ejemplo CSPRO·····103a) con un boton Show para revelar la clave completa. La linea de estado muestra tu email de cuenta y la fecha de renovacion. Un boton Deactivate elimina la clave de este dispositivo.


    7. Free vs Pro

    Que Incluye Free

    CaracteristicaPlan Free
    Capturas20 por mes
    Presets de salidaSimple y Standard
    PillsURL, Selector, Text, HTML, Styles, Context, File Path
    Retencion de historial7 dias maximo
    Modo SweepNo disponible
    Marca en la salidaIncluye pie "Captured with ClickSay"

    Que Incluye Pro

    CaracteristicaPlan Pro
    CapturasIlimitadas
    Presets de salidaLos cuatro (Simple, Standard, Detailed, Full)
    PillsLas 10 (incluyendo Screenshot, Component, A11y)
    Retencion de historialIlimitada (incluyendo opcion "Nunca purgar")
    Modo SweepDisponible
    Deteccion de frameworkNombre completo del componente, ruta y route
    Auditoria de accesibilidadAuditoria completa en la salida
    Opciones de auto-purge7, 30, 60, 90 dias o Nunca
    Marca en la salidaSalida limpia, sin pie de atribucion

    Precios

    • Free: $0
    • Pro Monthly: $7/mes
    • Pro Yearly: $45/ano (46% de ahorro)

    Como Actualizar a Pro

    Puedes actualizar a Pro de dos maneras:

    Desde el panel lateral:

    1. Haz clic en el enlace Upgrade en el encabezado del panel lateral o en la seccion de Cuenta.
    2. Esto abre la pagina de precios en https://clicksay.net/#pricing.
    3. Haz clic en Go Pro para iniciar el pago con Stripe.

    Desde la superposicion de actualizacion:

    1. Cuando alcanzas tu limite de capturas gratuitas, aparece una superposicion en la pagina con opciones de actualizacion.
    2. Haz clic en Go Pro en la superposicion para iniciar el pago con Stripe.

    Despues del pago, se genera una clave de licencia y se envia automaticamente a tu extension. Si la activacion automatica no funciona, copia la clave de la pagina de exito e ingresala en la pagina de Opciones (clic derecho en el icono de ClickSay > Options > Pro License > clic en Activate).

    Limites de Uso y Reinicios

    • El contador de uso de capturas se reinicia al inicio de cada mes calendario.
    • El uso se muestra en la seccion de Cuenta del panel lateral.
    • Cuando alcanzas tu limite de capturas, aparece una superposicion en la pagina con opciones de actualizacion.

    8. Atajos de Teclado

    AtajoDondeQue Hace
    `Cmd+Shift+K` (Mac) / `Ctrl+Shift+K` (Win/Linux)Cualquier pagina webActivar el modo de captura directamente (omite el menu del popup de la barra de herramientas)
    `Escape`Durante el modo de capturaCancelar modo de captura
    `Escape`Mientras se grabaDetener grabacion y cerrar popup
    `Escape`Mientras el popup esta abiertoCerrar popup
    `Shift+Click`Durante el modo de capturaAgregar elemento a la coleccion sweep (Pro)
    `Enter`En el textarea del popupDetener grabacion y copiar al portapapeles
    `Shift+Enter`En el textarea del popupInsertar nueva linea (no envia)
    `Cmd+Return` (Mac) / `Ctrl+Enter` (Win/Linux)En el panel lateralCopiar al portapapeles

    Menu Contextual

    Haz clic derecho en cualquier elemento de una pagina web y selecciona ClickSay this element para activar el modo de captura para ese elemento.

    Personalizar el Atajo

    Si Cmd+Shift+K / Ctrl+Shift+K no funciona o entra en conflicto con otra extension:

    1. Navega a chrome://extensions/shortcuts en tu navegador.
    2. Busca "ClickSay - Vibe Code 20x Faster."
    3. Haz clic en el icono de lapiz junto a "Activate ClickSay feedback mode."
    4. Graba tu atajo preferido.

    9. Privacidad y Seguridad

    Todos los Datos se Quedan Locales

    ClickSay opera completamente dentro de tu navegador. Todo el procesamiento - captura de DOM, reconocimiento de voz, formateo de prompts, captura de pantalla - ocurre en tu maquina. No hay un servidor de ClickSay procesando tus datos.

    Que Se Queda en Tu Navegador

    • Todos los datos de elementos capturados (selectores, HTML, estilos, etc.)
    • Todo el texto de feedback de voz
    • Todas las capturas de pantalla
    • Historial de feedback
    • Tu configuracion (preferencias de salida, reglas de mapeo)

    Que Sale del Navegador

    Los datos solo salen de tu navegador en estas situaciones, todas iniciadas por ti:

    1. Copia al portapapeles - Cuando copias un prompt, va al portapapeles del sistema.
    2. Validacion de licencia - Si tienes una clave Pro, la extension la verifica contra https://clicksay.net/api/license/validate. Esta solicitud contiene solo la clave de licencia - ningun feedback, captura de pantalla ni datos de usuario.

    Sin Rastreo

    • Sin analitica ni telemetria de ningun tipo.
    • Sin cookies ni scripts de rastreo.
    • Sin cuentas de usuario ni autenticacion (Pro usa una clave de licencia, no una cuenta).
    • La extension no sabe quien la instalo ni como se usa.

    Permisos Explicados

    PermisoPor Que Se Necesita
    activeTabAcceder a la pestana actual para capturar datos de elementos cuando haces clic. Solo se activa cuando tu activas la extension.
    sidePanelMostrar el panel lateral de ClickSay.
    storageAlmacenar tu historial, configuracion y capturas de pantalla localmente.
    contextMenusAgregar "ClickSay this element" al menu contextual.
    scriptingInyectar el script de captura en la pestana activa cuando activas el modo de captura.
    clipboardWriteCopiar prompts al portapapeles.
    offscreenRespaldo del portapapeles para casos donde otros metodos de copia no funcionan.
    alarmsProgramar la limpieza diaria de capturas de pantalla antiguas.

    Sin Permisos Generales de Host

    ClickSay usa el permiso activeTab, que solo da acceso a la pestana con la que estas interactuando activamente, y solo cuando activas la extension explicitamente. Los unicos sitios donde ClickSay ejecuta un content script automaticamente son clicksay.net y www.clicksay.net - esto es exclusivamente para recibir tu clave de licencia despues de la compra.


    10. Preguntas Frecuentes

    Puedo usar ClickSay en cualquier sitio web?

    Si. ClickSay funciona en cualquier URL - no solo en localhost. Las unicas excepciones son las paginas internas de Chrome (chrome://), la Chrome Web Store y otras URLs restringidas del navegador.

    Las paginas que mantienen su contenido dentro de un marco incrustado, como los artefactos de Claude o una vista previa de StackBlitz, son compatibles desde la v1.2.6.

    Necesito usar voz? Puedo solo escribir?

    Si, puedes escribir tu feedback en vez de hablar. Despues de hacer clic en un elemento, simplemente escribe en el textarea del popup. El microfono se pausa automaticamente cuando empiezas a escribir, asi que no hay conflicto entre voz y teclado. Tambien puedes combinar voz y escritura - habla primero, luego edita o agrega texto escribiendo.

    Puedo usar ClickSay en mi idioma?

    Si. ClickSay soporta 20 idiomas para reconocimiento de voz. Puedes cambiar el idioma de voz desde el selector de idioma en linea en el popup de feedback o desde la pagina de Opciones. Las etiquetas de la interfaz permanecen en ingles, pero la entrada de voz funciona en tu idioma elegido.

    Con que herramientas de IA funciona ClickSay?

    ClickSay copia un prompt estructurado al portapapeles. Puedes pegarlo en cualquier herramienta de IA que acepte texto: Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, ChatGPT, o cualquier otro asistente de IA.

    ClickSay envia mis datos a un servidor?

    No. Todo el procesamiento ocurre en tu navegador. La unica solicitud de red es la validacion de clave de licencia (solo usuarios Pro). Consulta la seccion Privacidad y Seguridad para mas detalles.

    Que frameworks detecta ClickSay?

    React, Vue (2 y 3), Angular, Svelte, Next.js y SvelteKit. La deteccion funciona mejor en builds de desarrollo. Los builds de produccion pueden eliminar los datos de depuracion que ClickSay usa para la deteccion.

    Puedo capturar multiples elementos a la vez?

    Si, usando el Modo Sweep (solo Pro). Manten Shift y haz clic en cada elemento que quieras incluir, luego suelta Shift y haz clic en el ultimo elemento. Di tu feedback una vez y se aplica a todos los elementos seleccionados.

    Que pasa cuando se reinician los limites del plan free?

    El contador de uso de capturas se reinicia al inicio de cada mes calendario. No necesitas hacer nada - el contador se reinicia automaticamente.

    Puedo re-copiar una captura anterior?

    Si. Abre el panel lateral y busca la captura en tu historial. Haz clic en el boton de copiar (icono de portapapeles) en el elemento del historial para re-copiar su prompt. El prompt se regenera con tu configuracion actual de pills. Si el pill de Screenshot esta habilitado y la captura incluye una captura de pantalla, la imagen tambien se incluye en el portapapeles.

    Como cancelo una captura a mitad de camino?

    Presiona Escape en cualquier momento durante el modo de captura para cancelar. Esto cierra el popup y desactiva el modo de captura.

    Que es el texto "Captured with ClickSay" en mi prompt?

    En el plan free, ClickSay agrega un pequeno pie de atribucion a la salida. Esto no afecta el rendimiento de las herramientas de IA. Actualiza a Pro para eliminar la marca.

    Como verifico actualizaciones de la extension?

    Chrome actualiza las extensiones automaticamente. Tambien puedes ir a chrome://extensions, activar "Developer mode" y hacer clic en "Update" para verificar manualmente. Revisa el numero de version en la parte inferior del panel lateral.

    Donde puedo obtener mas ayuda?

    • Visita https://clicksay.net para la informacion mas reciente
    • Haz clic en el enlace "Not working? Get help" en el pie del panel lateral
    • Usa el widget de chat en clicksay.net para soporte en vivo
    • Consulta la seccion What's New en https://clicksay.net/#changelog para notas de version

    Esta guia cubre ClickSay v1.2.4. Para las ultimas actualizaciones, visita https://clicksay.net.

    Guide d'Aide et Support ClickSay

    Langue : Francais Derniere mise a jour : Aout 2026 Version de l'extension : v1.2.6


    Table des Matieres

    1. Pour Commencer
    2. Depannage
    3. Comment Utiliser ClickSay
    4. Formats de Sortie
    5. Panneau Lateral
    6. Parametres
    7. Free vs Pro
    8. Raccourcis Clavier
    9. Confidentialite et Securite
    10. FAQ

    1. Pour Commencer

    Qu'est-ce que ClickSay ?

    ClickSay est une extension Chrome qui transforme les retours sur l'interface utilisateur en prompts structures, prets pour l'IA. Au lieu de taper de longues descriptions pour expliquer ce que vous voulez modifier sur une page web, vous cliquez simplement sur un element, enoncez votre retour a voix haute, et collez le resultat dans n'importe quel outil de programmation IA. Ce qui prenait une minute a taper prend environ 8 secondes avec ClickSay.

    Installer ClickSay

    1. Rendez-vous sur la page ClickSay du Chrome Web Store.
    2. Cliquez sur Ajouter a Chrome.
    3. Confirmez les autorisations lorsqu'on vous le demande.
    4. L'icone ClickSay apparait dans la barre d'outils de Chrome.

    Epingler l'Icone

    Si vous ne voyez pas l'icone ClickSay dans votre barre d'outils :

    1. Cliquez sur l'icone en forme de puzzle (Extensions) dans la barre d'outils de Chrome.
    2. Trouvez "ClickSay - Vibe Code 20x Faster" dans la liste.
    3. Cliquez sur l'icone d'epingle pour la garder visible.

    Page de Bienvenue (Premiere Installation)

    Juste apres l'installation de ClickSay, un nouvel onglet s'ouvre sur clicksay.net/welcome avec un parcours guide en trois etapes et un bouton de demonstration clairement etiquete. C'est le moyen le plus rapide de faire votre premiere capture : ouvrez le panneau lateral, activez ClickSay, cliquez sur le bouton de demo et vous aurez votre premier prompt dans le presse-papiers en moins de trente secondes. Si vous avez ferme l'onglet et voulez le revoir, ouvrez clicksay.net/welcome a tout moment.

    Votre Premiere Capture - Guide Pas a Pas

    Suivez ces etapes pour realiser votre premiere capture :

    1. Ouvrez n'importe quelle page web (par exemple, votre projet sur localhost ou n'importe quel site public).
    2. Appuyez sur Cmd+Shift+K (Mac) ou Ctrl+Shift+K (Windows/Linux) pour activer le mode capture. Un contour orange apparait lorsque vous survolez les elements.
    3. Cliquez sur n'importe quel element de la page. Un popup apparait pres de l'element et le microphone se lance automatiquement.
    4. Enoncez votre retour naturellement - par exemple, "agrandis ce bouton et change la couleur en bleu."
    5. Appuyez sur Enter pour copier le prompt structure dans votre presse-papiers. Une breve notification "Copied!" apparait pour confirmer que la copie a reussi.
    6. Ouvrez votre outil IA (Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, etc.) et collez avec Cmd+V / Ctrl+V.

    C'est tout. L'IA dispose maintenant du contexte complet - le selecteur de l'element, les styles, le HTML et votre retour - et peut effectuer la modification avec precision.


    2. Depannage

    Des problemes avec ClickSay ? Commencez ici. Voici les problemes les plus courants et comment les resoudre.

    Le raccourci clavier ne fonctionne pas

    C'est le probleme le plus courant. Chrome n'assigne pas toujours le raccourci automatiquement.

    Verifiez si le raccourci est configure :

    1. Ouvrez chrome://extensions/shortcuts dans la barre d'adresse de votre navigateur.
    2. Trouvez "ClickSay - Vibe Code 20x Faster" dans la liste.
    3. Regardez le raccourci a cote de "Activate ClickSay feedback mode."
    4. S'il indique "Not set", c'est le probleme. Cliquez sur l'icone de crayon et appuyez sur Cmd+Shift+K (Mac) ou Ctrl+Shift+K (Windows/Linux) pour l'assigner.
    5. S'il affiche un raccourci mais ne fonctionne toujours pas, une autre extension utilise peut-etre la meme combinaison. Essayez d'assigner un raccourci different ou verifiez vos autres extensions.

    Autres methodes pour activer ClickSay (sans raccourci) :

    • Cliquez sur l'icone ClickSay dans la barre d'outils de Chrome et selectionnez "Capture Element"
    • Faites un clic droit sur n'importe quel element de la page et selectionnez "ClickSay this element"

    Note : Si vous utilisez le raccourci clavier sur une page ou ClickSay ne peut pas injecter son content script (comme les pages chrome:// ou un onglet fraichement installe qui n'a pas ete actualise), ClickSay ouvrira automatiquement le panneau lateral en secours au lieu d'echouer silencieusement.

    Astuce : L'ecran de bienvenue qui apparait a la premiere installation inclut un conseil de depannage pour les raccourcis clavier. Si vous l'avez ferme, les etapes cles sont : allez a chrome://extensions/shortcuts, trouvez ClickSay et attribuez votre raccourci prefere.

    Antivirus ou logiciel de securite bloquant ClickSay

    Certains antivirus (Bitdefender, Norton, Kaspersky, etc.) peuvent signaler ou bloquer des extensions Chrome. Si ClickSay cesse de fonctionner, disparait, ou si Chrome affiche des erreurs a propos de l'extension, votre antivirus met peut-etre en quarantaine les fichiers de l'extension.

    Signes que votre antivirus bloque ClickSay :

    • L'extension disparait soudainement de Chrome ou s'affiche comme "corrompue"
    • Chrome affiche une erreur comme "This extension may have been corrupted"
    • L'extension fonctionnait puis s'est arretee apres une analyse antivirus
    • Le journal de votre antivirus affiche une detection liee aux extensions Chrome

    Comment resoudre :

    1. Verifiez la quarantaine de votre antivirus. Ouvrez le tableau de bord de votre antivirus et cherchez les fichiers en quarantaine. Si vous voyez des fichiers d'extension Chrome, restaurez-les.
    2. Ajoutez une exclusion pour les extensions Chrome. Ajoutez le dossier des extensions Chrome aux exclusions de votre antivirus :
      • macOS : ~/Library/Application Support/Google/Chrome/Default/Extensions/
      • Windows : C:\Users\<VotreNom>\AppData\Local\Google\Chrome\User Data\Default\Extensions\
    3. Reinstallez l'extension apres avoir restaure les fichiers en quarantaine ou ajoute l'exclusion. Allez sur le Chrome Web Store, cherchez ClickSay, et cliquez sur "Ajouter a Chrome."
    4. Ajoutez ClickSay a la liste blanche par son ID d'extension. L'ID de l'extension ClickSay est cpnmelphcmdcmejmjfnodmpdfifccfhj. Certains antivirus permettent de mettre en liste blanche des IDs d'extension specifiques.

    Instructions specifiques par antivirus :

    • Bitdefender : Ouvrez le tableau de bord Bitdefender (ou la console GravityZone pour les entreprises). Allez dans Quarantaine, trouvez le fichier signale, cliquez sur "Restaurer" et "Ajouter une Exclusion." Puis allez dans Protection > Antivirus > Parametres > Exclusions et ajoutez le dossier des extensions Chrome.
    • Norton : Ouvrez Norton, allez dans Parametres > Antivirus > Analyses et Risques > Exclusions/Risques Faibles, et ajoutez le dossier des extensions Chrome.
    • Kaspersky : Ouvrez Kaspersky, allez dans Parametres > Menaces et Exclusions > Gerer les Exclusions, et ajoutez le dossier des extensions Chrome.
    • Windows Defender : Ouvrez Securite Windows > Protection contre les virus et menaces > Gerer les parametres > Exclusions > Ajouter une Exclusion, et ajoutez le dossier des extensions Chrome.

    L'extension ne fonctionne pas sur certaines pages

    Pages ou ClickSay ne peut pas fonctionner :

    • Pages chrome:// (parametres, extensions, favoris, etc.)
    • Le Chrome Web Store (chrome.google.com/webstore)
    • Autres pages internes du navigateur (about:, edge://, etc.)
    • Fichiers PDF ouverts dans le lecteur integre de Chrome

    Celles-ci sont restreintes par Chrome lui-meme - aucune extension ne peut y fonctionner. Naviguez vers un site web normal pour utiliser ClickSay.

    Pages ou ClickSay pourrait ne pas fonctionner :

    • Les pages avec des politiques de securite de contenu (CSP) tres strictes peuvent bloquer l'injection de scripts. Verifiez la console du navigateur (F12 > Console) pour des erreurs CSP.
    • Si une page etait ouverte avant d'installer ClickSay, actualisez-la d'abord.

    Contenu dans un cadre integre (iframe) :

    Certaines pages placent leur contenu reel dans un cadre integre. Les artefacts Claude, les apercus StackBlitz et CodeSandbox, ainsi que les widgets de design ou de paiement integres fonctionnent ainsi. ClickSay v1.2.6 et versions ulterieures peuvent selectionner des elements a l'interieur.

    Sur v1.2.5 et versions anterieures, cliquer sur ces elements ne faisait absolument rien et n'affichait aucun message d'erreur. Si cela vous arrive, verifiez votre version dans "Quelle version ai-je ?" plus bas, puis mettez a jour depuis le Chrome Web Store.

    Une difference a prevoir : quand vous cliquez sur un element dans un cadre integre, la fenetre de feedback s'ouvre au milieu de la page au lieu d'apparaitre a cote de l'element. Le cadre integre ne partage pas les coordonnees d'ecran avec la page qui l'entoure, donc ClickSay ne peut pas placer la fenetre avec precision. Faites glisser la fenetre ou vous le souhaitez.

    Le microphone ne fonctionne pas

    Verifiez les autorisations du navigateur :

    1. Cliquez sur l'icone de cadenas/reglage dans la barre d'adresse de Chrome pour le site actuel.
    2. Assurez-vous que "Microphone" est regle sur "Autoriser."
    3. S'il indique "Bloquer," changez-le en "Autoriser" et actualisez la page.

    Verifiez les autorisations systeme :

    • macOS : Allez dans Preferences Systeme > Confidentialite et Securite > Microphone et assurez-vous que Chrome est liste et active.
    • Windows : Allez dans Parametres > Confidentialite > Microphone et assurez-vous que Chrome est autorise.

    Autres causes :

    • Une autre application utilise peut-etre le microphone (Zoom, Teams, etc.). Fermez-la et reessayez.
    • Essayez d'actualiser la page apres avoir accorde l'autorisation.
    • Vous pouvez toujours taper votre feedback au lieu de parler - le micro est optionnel.

    La sortie ne se copie pas dans le presse-papiers

    1. Essayez d'appuyer sur Enter depuis le popup de la page - c'est ce qui a le meilleur taux de reussite.
    2. Essayez d'appuyer sur Cmd+Return (Mac) ou Ctrl+Enter (Windows/Linux) depuis le panneau lateral.
    3. Assurez-vous qu'aucune autre extension n'intercepte les ecritures du presse-papiers.
    4. Certaines pages restreignent l'acces au presse-papiers. Ouvrez le panneau lateral et utilisez le bouton copier la-bas en secours.

    Quand la copie reussit, une breve notification "Copied!" apparait en bas de l'ecran. Si vous ne voyez pas cette notification, la copie n'a peut-etre pas reussi.

    Le panneau lateral ne s'ouvre pas

    1. Cliquez sur l'icone ClickSay dans la barre d'outils de Chrome. Un menu popup apparait avec "Capture Element" et "Open Side Panel."
    2. Cliquez sur "Open Side Panel."
    3. Si vous ne voyez pas l'icone ClickSay, cliquez sur l'icone en forme de puzzle (Extensions) dans la barre d'outils et epinglez ClickSay.
    4. Si le popup n'apparait pas, essayez de redemarrer Chrome.

    Limite de captures atteinte

    Le plan free autorise 20 captures par mois. Votre utilisation se reinitialise automatiquement au debut de chaque mois calendaire. Verifiez la section Compte dans le panneau lateral pour votre compteur actuel. Passez a Pro pour des captures illimitees.

    L'extension s'affiche comme "corrompue" ou necessite une reparation

    Cela signifie generalement que des fichiers ont ete modifies ou supprimes (souvent par un logiciel antivirus - voir la section antivirus ci-dessus).

    1. Allez a chrome://extensions dans votre navigateur.
    2. Trouvez ClickSay et cliquez sur "Reparer" si l'option est disponible.
    3. Si cela ne fonctionne pas, supprimez l'extension et reinstallez depuis le Chrome Web Store.
    4. Vos parametres et votre historique sont stockes separement et seront preserves apres la reinstallation.

    ClickSay est lent ou ne repond pas

    1. Verifiez si vous avez trop d'extensions en cours. Desactivez les autres temporairement pour tester.
    2. Essayez de redemarrer Chrome.
    3. Verifiez le Gestionnaire de taches de Chrome (Shift+Esc) pour voir si le service worker de ClickSay utilise des ressources inhabituelles.
    4. Si le probleme persiste apres un redemarrage de Chrome, essayez de reinstaller l'extension.

    Quelle version ai-je ?

    Ouvrez le panneau lateral - le numero de version est affiche en bas, a cote du lien d'aide.

    Besoin d'aide supplementaire ?

    • Visitez https://clicksay.net pour les informations les plus recentes
    • Cliquez sur le lien "Not working? Get help" dans le pied du panneau lateral pour ouvrir cette page d'aide
    • Assurez-vous d'etre sur la derniere version (Chrome met a jour les extensions automatiquement, mais vous pouvez forcer la verification a chrome://extensions avec le mode developpeur active)

    3. Comment Utiliser ClickSay

    Le Flux Clic-Parle-Colle

    ClickSay suit un flux de travail simple en trois etapes :

    Etape 1 : Clic

    Activez le mode capture avec l'une de ces methodes :

    • Appuyez sur Cmd+Shift+K (Mac) ou Ctrl+Shift+K (Windows/Linux)
    • Cliquez sur l'icone ClickSay dans la barre d'outils et selectionnez "Capture Element" dans le menu popup
    • Faites un clic droit sur n'importe quel element de la page et selectionnez "ClickSay this element"

    Une fois le mode capture actif, les elements se surlignent avec un contour orange au survol. Cliquez sur l'element pour lequel vous voulez donner votre avis.

    Etape 2 : Parle (ou Ecrivez)

    Apres avoir clique sur un element, un popup apparait a proximite. Le microphone s'active automatiquement et vous verrez "Listening..." dans le popup.

    • Parlez naturellement : "corrige le padding," "agrandis ceci," "change la police en sans-serif."
    • Ecrivez dans la zone de texte du popup si vous preferez ne pas utiliser la voix. Quand vous commencez a taper, le microphone se met automatiquement en pause pour que la transcription vocale ne se melange pas avec le texte tape.
    • Combinez les deux - vous pouvez parler puis modifier ou completer le texte en tapant. Le micro se met en pause des que vous appuyez sur une touche, il n'y a donc pas de conflit entre voix et clavier.
    • Touchez un chip de suggestion - des boutons rapides de feedback contextuels apparaissent selon l'element selectionne. Touchez-en un pour inserer instantanement ce texte.

    Etape 3 : Colle

    Quand vous avez termine votre retour :

    • Appuyez sur Enter dans le popup pour arreter l'enregistrement et copier le prompt dans le presse-papiers. Une breve notification "Copied!" confirme la copie.
    • Ou cliquez sur le micro pour arreter l'enregistrement, puis appuyez sur Enter pour copier.
    • Collez le resultat dans votre outil IA avec Cmd+V / Ctrl+V.

    Changer la Langue de Reconnaissance Vocale

    Vous pouvez changer la langue de reconnaissance vocale directement depuis le popup de feedback sans quitter la page.

    1. Dans le popup de feedback, cherchez le menu deroulant de langue (affiche un code de langue compact comme "EN" ou "FR").
    2. Cliquez sur le menu deroulant et selectionnez votre langue preferee dans la liste de 20 langues supportees.
    3. Votre choix est sauvegarde automatiquement et persiste entre les sessions.
    4. Si le microphone est deja en train d'enregistrer, la reconnaissance redemarre immediatement dans la nouvelle langue.

    Vous pouvez aussi definir la langue de reconnaissance vocale depuis la page d'Options (voir Parametres).

    Mode Sweep (Elements Multiples)

    Le mode Sweep vous permet de selectionner plusieurs elements et de donner un seul retour pour tous. C'est une fonctionnalite Pro.

    1. Activez le mode capture (Cmd+Shift+K).
    2. Maintenez Shift et cliquez sur chaque element que vous souhaitez inclure. Chaque element clique recoit un badge numerote.
    3. Quand vous avez fini de selectionner, cliquez sur le dernier element sans maintenir Shift.
    4. Le popup apparait. Enoncez votre retour - il s'applique a tous les elements selectionnes.
    5. Appuyez sur Enter. Un prompt structure couvrant tous les elements est copie dans le presse-papiers.

    Chips de Suggestion

    Quand le popup apparait, vous verrez de petits boutons cliquables avec des phrases de feedback courantes. On les appelle chips de suggestion, et ils changent selon le type d'element clique :

    • Boutons/liens : "Change the text," "Fix hover state," "Make more prominent," "Change color"
    • Images : "Replace this image," "Fix aspect ratio," "Add alt text," "Make responsive"
    • Champs de formulaire : "Change placeholder," "Fix validation," "Resize this field," "Add label"
    • Titres : "Change text," "Adjust size," "Change font weight," "Fix spacing"
    • Et plus pour la navigation, les listes, les tableaux, les conteneurs flex et grid.

    Touchez un chip pour inserer son texte dans votre feedback. Vous pouvez ensuite l'editer ou le completer.

    Copier dans le Presse-papiers

    Appuyez sur Enter a tout moment pour copier le prompt structure dans le presse-papiers. Le micro n'a pas besoin d'etre arrete d'abord - vous pouvez appuyer sur Enter pendant l'enregistrement et il utilisera tout ce qui a ete capture jusqu'a present. Une notification "Copied!" apparait brievement en bas au centre de l'ecran pour confirmer que la copie a reussi.

    Vous pouvez aussi cliquer sur le bouton micro pour arreter l'enregistrement d'abord, relire ou modifier votre feedback, puis appuyer sur Enter pour copier.

    Si vous avez le pill Screenshot active et qu'une capture d'ecran a ete prise, l'image est incluse dans le presse-papiers avec le prompt texte. Lorsque vous collez dans Claude.ai, ChatGPT, Word, Google Docs ou d'autres applications qui supportent le collage d'images, la capture d'ecran apparait comme une vraie image jointe, pas du texte brut.

    Telecharger une Capture d'Ecran

    Si vous souhaitez sauvegarder une capture d'ecran sur votre ordinateur, cherchez la petite icone de telechargement dans l'en-tete de la carte de capture d'ecran dans le panneau lateral. Cliquer dessus sauvegarde la capture en fichier PNG dans votre dossier de telechargements.

    Copier Uniquement la Capture d'Ecran

    Juste a cote de l'icone de telechargement, dans l'en-tete de la carte de capture, se trouve une petite icone de copie. Cliquer dessus copie uniquement l'image de la capture dans le presse-papiers - utile quand vous voulez coller l'image dans Slack, un outil de tickets ou un document sans le texte du prompt autour. Le bouton principal "Copy to Clipboard" continue de copier le prompt complet avec l'image attachee ; la nouvelle icone sert a coller uniquement l'image.

    Popup Deplacable

    Si le popup de feedback couvre l'element que vous voulez observer, deplacez-le simplement. Cliquez et faites glisser la barre de poignee en haut du popup pour le repositionner n'importe ou sur l'ecran.

    Flux en Ligne

    Vous pouvez effectuer tout le processus de capture-vers-presse-papiers directement dans le popup sans ouvrir le panneau lateral. Cliquez sur un element, donnez votre retour, et le prompt est copie - tout en ligne. Le panneau lateral reste disponible quand vous avez besoin de l'historique, des parametres ou des changements de format.


    4. Formats de Sortie

    Presets

    ClickSay propose quatre presets de sortie qui controlent le niveau de detail inclus dans le prompt genere.

    Simple (Free)

    Un format sur une seule ligne, adapte au terminal. Inclut uniquement l'URL de la page.

    Exemple :

    For the url: https://myapp.com/dashboard About: Dashboard Overview Make this heading smaller and dark blue
    

    Standard (Free)

    Un format markdown structure. Inclut l'URL, le selecteur CSS et le texte de l'element.

    Exemple :

    ## Feedback
    Make this heading smaller and dark blue
    
    **URL:** https://myapp.com/dashboard
    
    **Element:** `<h1>` `#page-title`
    
    **Selector:** `h1.page-title`
    
    **Text:** "Dashboard Overview"
    

    Detailed (Pro)

    Markdown structure complet. Inclut l'URL, le selecteur, le texte, le HTML, les styles CSS calcules, le chemin du fichier et le nom du composant.

    Full (Pro)

    Tout ce que ClickSay capture. Inclut tout ce qui est dans Detailed plus le HTML du contexte parent, la capture d'ecran et les resultats d'audit d'accessibilite.

    Attribution du Plan Free

    Avec le plan free, les prompts incluent un petit pied d'attribution : [Captured with ClickSay - clicksay.net]. Cela aide a faire connaitre ClickSay. Les utilisateurs Pro ont une sortie propre sans marque.

    Pills (Controles Individuels)

    Chaque donnee capturee correspond a un "pill" (bouton a bascule) dans le panneau lateral. Vous pouvez activer ou desactiver chaque champ de donnees pour personnaliser votre sortie.

    PillCe Qu'il InclutFree
    URLURL de la pageOui
    SelectorSelecteur CSSOui
    TextTexte interne de l'elementOui
    HTMLHTML externe de l'elementOui
    StylesStyles CSS calculesOui
    ContextHTML de l'element parent (3 niveaux)Oui
    File PathChemin du fichier source resoluOui
    ScreenshotCapture d'ecran avec surlignagePro uniquement
    ComponentNom et chemin du composant de frameworkPro uniquement
    A11yResultats d'audit d'accessibilitePro uniquement

    Comment Personnaliser la Sortie

    1. Ouvrez le panneau lateral en cliquant sur l'icone ClickSay dans la barre d'outils et en selectionnant "Open Side Panel" dans le menu popup.
    2. Dans la section Output Format, cliquez sur un bouton de preset pour commencer avec une configuration de base.
    3. Activez ou desactivez les pills individuels pour ajuster les donnees incluses.
    4. Vos selections sont sauvegardees automatiquement et persistent entre les sessions.

    Quand vous activez ou desactivez des pills manuellement, le preset actif se met a jour pour indiquer si votre configuration correspond exactement a un preset.


    5. Panneau Lateral

    Le panneau lateral est la surface de controle principale de ClickSay. Ouvrez-le en cliquant sur l'icone ClickSay dans la barre d'outils, puis en selectionnant "Open Side Panel" dans le menu popup.

    A Quoi Sert Chaque Element (De Haut en Bas)

    En-tete

    • Nom de marque ClickSay avec badge de plan (PRO ou Free).
    • Lien Upgrade (visible pour les utilisateurs free) - ouvre la page de tarification.
    • Bouton Capture - active le mode feedback sur l'onglet actuel. Vous pouvez aussi lancer une capture directement depuis le menu popup de la barre d'outils en cliquant sur "Capture Element."
    • Bouton Clear - supprime tout l'historique. Un dialogue de confirmation apparait avant toute suppression, vous ne perdrez donc pas votre historique par accident.
    • Indice d'inactivite : si le panneau lateral est ouvert depuis une minute et que vous n'avez fait aucune capture ce mois-ci, une petite carte orange "Stuck? Click Capture Element above..." apparait sous le bouton Capture. Fermez-la avec le "x" si vous n'en voulez pas. Elle ne s'affiche que pour les nouveaux utilisateurs ; des que vous capturez quelque chose, elle disparait.

    Section Format de Sortie

    • Rangee de presets : Quatre boutons - Simple, Standard, Detailed, Full. Detailed et Full affichent des icones de cadenas pour les utilisateurs free.
    • Pills : Dix cases a cocher pour les champs de donnees. Les pills exclusifs a Pro (Screenshot, Component, A11y) affichent des icones de cadenas pour les utilisateurs free.

    Vue de Capture

    Apres avoir capture un element, cette section affiche :

    • Carte element : Nom de balise, selecteur CSS et apercu du texte de l'element.
    • Carte capture d'ecran : La capture avec un surlignage orange sur l'element (si une capture a ete prise). Deux petites icones dans l'en-tete de la carte : une icone de copie (place uniquement l'image dans le presse-papiers) et une icone de telechargement (sauvegarde l'image en fichier PNG).
    • Carte feedback : Une zone de texte avec votre feedback transcrit ou tape. Inclut un bouton micro pour demarrer/arreter l'enregistrement.
    • Carte fichier cible : Le chemin du fichier auto-detecte ou saisi manuellement. Un label "Auto-detected" apparait quand le chemin a ete resolu a partir des regles de mappage.
    • Bouton Copy to Clipboard avec indication du raccourci Cmd+Return.

    Section Compte / Plan

    • Affiche votre plan actuel (Free ou Pro).
    • Pour les utilisateurs free : affiche le compteur d'utilisation des captures (ex. "3/20 ce mois").
    • Lien Upgrade ou Manage.

    Section Historique

    • Elements d'historique groupes par date (Aujourd'hui, Hier ou dates specifiques).
    • Chaque element affiche l'heure, la balise de l'element, le hostname de la page et le texte de feedback tronque.
    • Cliquez sur un element pour le recharger dans la vue de capture.
    • Chaque element a un bouton copier (pour re-copier le prompt) et un bouton supprimer.
    • Actions groupees : Les boutons "Copy Selected" et "Select All" apparaissent quand des elements sont selectionnes.

    Gestion du Stockage

    • Storage used : Affiche combien de stockage local ClickSay utilise (ex. "2.3 MB").
    • Menu deroulant d'auto-purge : Choisissez combien de temps conserver l'historique - 7 jours, 30 jours, 60 jours, 90 jours ou Jamais. Les utilisateurs free sont limites a 7 jours.
    • Purge Images Now : Supprime toutes les captures d'ecran stockees tout en conservant l'historique texte.

    Pied du Panneau

    • La version actuelle de l'extension est affichee en bas du panneau lateral.
    • Un lien "Not working? Get help" ouvre le guide de depannage a clicksay.net/help.

    6. Parametres

    Acceder a la Page d'Options

    Faites un clic droit sur l'icone ClickSay dans la barre d'outils et selectionnez Options. Ou naviguez vers votre page d'extensions Chrome, trouvez ClickSay et cliquez sur "Details" puis "Options de l'extension."

    Langue de Reconnaissance Vocale

    Un menu deroulant dans la page d'Options vous permet de choisir la langue de reconnaissance vocale. ClickSay supporte 20 langues pour la saisie vocale, dont l'anglais, l'espagnol, le francais, l'allemand, le chinois, le japonais, le coreen, l'hindi, l'arabe, le portugais, et d'autres. La langue selectionnee determine quelle langue le moteur de reconnaissance vocale utilise quand vous parlez dans le microphone.

    Vous pouvez aussi changer la langue de reconnaissance vocale directement depuis le popup de feedback en utilisant le selecteur de langue en ligne (voir Changer la Langue de Reconnaissance Vocale).

    Project Root

    Le repertoire de base de votre projet sur votre machine locale. Par exemple :

    /Users/vous/projects/mon-app
    

    Utilise pour resoudre les chemins de fichiers dans la sortie. Quand ClickSay detecte un composant ou mappe une URL a un fichier, le project root est ajoute en prefixe pour creer un chemin complet.

    URL-to-File Mapping

    Regles basees sur des regex qui mappent des patterns d'URL vers des chemins de fichiers source. Utile quand la detection automatique de framework ne trouve pas le bon fichier.

    ClickSay inclut des presets pour les configurations courantes :

    • Static Site - mappe les URLs directement vers des chemins de fichiers
    • Next.js - mappe les routes vers la structure du repertoire app/
    • SvelteKit - mappe les routes vers la structure src/routes/
    • React (CRA) - mappe vers la structure du repertoire src/

    Pour ajouter une regle personnalisee :

    1. Entrez un pattern regex d'URL (ex. /dashboard/(.*))
    2. Entrez le modele de chemin de fichier (ex. src/pages/dashboard/$1.tsx)
    3. Cliquez sur Save Settings

    Cle de Licence

    Apres l'achat de ClickSay Pro :

    1. Vous etes redirige vers clicksay.net ou votre cle de licence est affichee.
    2. La cle est automatiquement envoyee a l'extension - les fonctionnalites Pro se deverrouillent instantanement, sans etape manuelle.

    Activation manuelle (secours) : Si l'activation automatique n'a pas fonctionne (ex. autre navigateur ou extension non installee), copiez la cle affichee sur la page de succes. Puis ouvrez le panneau lateral, cliquez sur Already have a key? Activate it dans la carte Unlock Pro, collez la cle et cliquez sur Activate. La page d'Options propose le meme champ Pro License si vous preferez (clic droit sur l'icone ClickSay > Options).

    Une fois active, la cle est masquee. Le panneau lateral et la page d'Options affichent les six premiers et les quatre derniers caracteres (par exemple CSPRO·····103a) avec un bouton Show pour reveler la cle complete. La ligne d'etat affiche l'email du compte et la date de renouvellement. Un bouton Deactivate retire la cle de cet appareil.


    7. Free vs Pro

    Ce Qui Est Inclus dans Free

    FonctionnalitePlan Free
    Captures20 par mois
    Presets de sortieSimple et Standard
    PillsURL, Selector, Text, HTML, Styles, Context, File Path
    Conservation de l'historique7 jours maximum
    Mode SweepNon disponible
    Marque dans la sortieInclut le pied "Captured with ClickSay"

    Ce Qui Est Inclus dans Pro

    FonctionnalitePlan Pro
    CapturesIllimitees
    Presets de sortieLes quatre (Simple, Standard, Detailed, Full)
    PillsLes 10 (y compris Screenshot, Component, A11y)
    Conservation de l'historiqueIllimitee (y compris l'option "Ne jamais purger")
    Mode SweepDisponible
    Detection de frameworkNom complet du composant, chemin et route
    Audit d'accessibiliteAudit complet dans la sortie
    Options d'auto-purge7, 30, 60, 90 jours ou Jamais
    Marque dans la sortieSortie propre, sans pied d'attribution

    Tarifs

    • Free : 0 $
    • Pro Mensuel : 7 $/mois
    • Pro Annuel : 45 $/an (46 % d'economie)

    Comment Passer a Pro

    Vous pouvez passer a Pro de deux facons :

    Depuis le panneau lateral :

    1. Cliquez sur le lien Upgrade dans l'en-tete du panneau lateral ou la section Compte.
    2. Cela ouvre la page de tarification a https://clicksay.net/#pricing.
    3. Cliquez sur Go Pro pour demarrer le paiement via Stripe.

    Depuis l'overlay de mise a niveau :

    1. Quand vous atteignez votre limite de captures gratuites, un overlay apparait sur la page avec les options de mise a niveau.
    2. Cliquez sur Go Pro sur l'overlay pour demarrer le paiement via Stripe.

    Apres le paiement, une cle de licence est generee et automatiquement envoyee a votre extension. Si l'activation automatique ne fonctionne pas, copiez la cle de la page de succes et entrez-la dans la page d'Options (clic droit sur l'icone ClickSay > Options > Pro License > cliquez sur Activate).

    Limites d'Utilisation et Reinitialisations

    • Le compteur d'utilisation des captures se reinitialise au debut de chaque mois calendaire.
    • L'utilisation est affichee dans la section Compte du panneau lateral.
    • Quand vous atteignez votre limite de captures, un overlay apparait sur la page avec les options de mise a niveau.

    8. Raccourcis Clavier

    RaccourciOuCe Qu'il Fait
    `Cmd+Shift+K` (Mac) / `Ctrl+Shift+K` (Win/Linux)N'importe quelle page webActiver le mode capture directement (sans passer par le menu popup de la barre d'outils)
    `Escape`Pendant le mode captureAnnuler le mode capture
    `Escape`Pendant l'enregistrementArreter l'enregistrement et fermer le popup
    `Escape`Quand le popup est ouvertFermer le popup
    `Shift+Click`Pendant le mode captureAjouter un element a la collection sweep (Pro)
    `Enter`Dans la zone de texte du popupArreter l'enregistrement et copier dans le presse-papiers
    `Shift+Enter`Dans la zone de texte du popupInserer un saut de ligne (ne soumet pas)
    `Cmd+Return` (Mac) / `Ctrl+Enter` (Win/Linux)Dans le panneau lateralCopier dans le presse-papiers

    Menu Contextuel

    Faites un clic droit sur n'importe quel element d'une page web et selectionnez ClickSay this element pour activer le mode capture pour cet element.

    Personnaliser le Raccourci

    Si Cmd+Shift+K / Ctrl+Shift+K ne fonctionne pas ou entre en conflit avec une autre extension :

    1. Naviguez vers chrome://extensions/shortcuts dans votre navigateur.
    2. Trouvez "ClickSay - Vibe Code 20x Faster."
    3. Cliquez sur l'icone de crayon a cote de "Activate ClickSay feedback mode."
    4. Enregistrez votre raccourci prefere.

    9. Confidentialite et Securite

    Toutes les Donnees Restent Locales

    ClickSay fonctionne entierement dans votre navigateur. Tout le traitement - capture du DOM, reconnaissance vocale, formatage des prompts, capture d'ecran - se fait sur votre machine. Il n'y a pas de serveur ClickSay qui traite vos donnees.

    Ce Qui Reste dans Votre Navigateur

    • Toutes les donnees d'elements captures (selecteurs, HTML, styles, etc.)
    • Tout le texte de feedback vocal
    • Toutes les captures d'ecran
    • L'historique des feedbacks
    • Vos parametres (preferences de sortie, regles de mappage)

    Ce Qui Sort du Navigateur

    Les donnees ne quittent votre navigateur que dans ces situations, toutes initiees par vous :

    1. Copie dans le presse-papiers - Quand vous copiez un prompt, il va dans le presse-papiers du systeme.
    2. Validation de licence - Si vous avez une cle Pro, l'extension la verifie aupres de https://clicksay.net/api/license/validate. Cette requete ne contient que la cle de licence - aucun feedback, capture d'ecran ou donnee utilisateur.

    Aucun Suivi

    • Aucune analytique ni telemetrie d'aucune sorte.
    • Aucun cookie ni script de suivi.
    • Aucun compte utilisateur ni authentification (Pro utilise une cle de licence, pas un compte).
    • L'extension ne sait pas qui l'a installee ni comment elle est utilisee.

    Autorisations Expliquees

    AutorisationPourquoi Elle Est Necessaire
    activeTabAcceder a l'onglet actuel pour capturer les donnees d'elements quand vous cliquez. Active uniquement quand vous declenchez l'extension.
    sidePanelAfficher le panneau lateral ClickSay.
    storageStocker votre historique, parametres et captures d'ecran localement.
    contextMenusAjouter "ClickSay this element" au menu contextuel.
    scriptingInjecter le script de capture dans l'onglet actif quand vous activez le mode capture.
    clipboardWriteCopier les prompts dans le presse-papiers.
    offscreenSolution de secours pour le presse-papiers dans les cas ou les autres methodes de copie ne fonctionnent pas.
    alarmsPlanifier le nettoyage quotidien des anciennes captures d'ecran.

    Pas d'Autorisations de Host Globales

    ClickSay utilise l'autorisation activeTab, qui ne donne acces qu'a l'onglet avec lequel vous interagissez activement, et seulement quand vous declenchez l'extension explicitement. Les seuls sites ou ClickSay execute un content script automatiquement sont clicksay.net et www.clicksay.net - c'est uniquement pour recevoir votre cle de licence apres l'achat.


    10. FAQ

    Puis-je utiliser ClickSay sur n'importe quel site web ?

    Oui. ClickSay fonctionne sur n'importe quelle URL - pas seulement localhost. Les seules exceptions sont les pages internes de Chrome (chrome://), le Chrome Web Store et d'autres URLs restreintes du navigateur.

    Les pages qui gardent leur contenu dans un cadre integre, comme les artefacts Claude ou un apercu StackBlitz, sont prises en charge a partir de la v1.2.6.

    Dois-je utiliser la voix ? Puis-je simplement taper ?

    Oui, vous pouvez taper votre feedback au lieu de parler. Apres avoir clique sur un element, tapez simplement dans la zone de texte du popup. Le microphone se met automatiquement en pause quand vous commencez a taper, il n'y a donc pas de conflit entre voix et clavier. Vous pouvez aussi combiner voix et frappe - parlez d'abord, puis editez ou ajoutez du texte en tapant.

    Puis-je utiliser ClickSay dans ma langue ?

    Oui. ClickSay supporte 20 langues pour la reconnaissance vocale. Vous pouvez changer la langue de reconnaissance vocale depuis le selecteur de langue en ligne dans le popup de feedback ou depuis la page d'Options. Les libelles de l'interface restent en anglais, mais la saisie vocale fonctionne dans la langue de votre choix.

    Quels outils IA fonctionnent avec ClickSay ?

    ClickSay copie un prompt structure dans le presse-papiers. Vous pouvez le coller dans n'importe quel outil IA qui accepte du texte : Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, ChatGPT, ou tout autre assistant IA.

    ClickSay envoie-t-il mes donnees a un serveur ?

    Non. Tout le traitement se fait dans votre navigateur. La seule requete reseau est la validation de cle de licence (utilisateurs Pro uniquement). Consultez la section Confidentialite et Securite pour tous les details.

    Quels frameworks ClickSay detecte-t-il ?

    React, Vue (2 et 3), Angular, Svelte, Next.js et SvelteKit. La detection fonctionne mieux sur les builds de developpement. Les builds de production peuvent supprimer les donnees de debogage que ClickSay utilise pour la detection.

    Puis-je capturer plusieurs elements a la fois ?

    Oui, en utilisant le Mode Sweep (Pro uniquement). Maintenez Shift et cliquez sur chaque element a inclure, puis relachez Shift et cliquez sur le dernier element. Enoncez votre feedback une fois et il s'applique a tous les elements selectionnes.

    Que se passe-t-il quand les limites du plan free se reinitialisent ?

    Le compteur d'utilisation des captures se reinitialise au debut de chaque mois calendaire. Vous n'avez rien a faire - le compteur se reinitialise automatiquement.

    Puis-je re-copier une capture precedente ?

    Oui. Ouvrez le panneau lateral et trouvez la capture dans votre historique. Cliquez sur le bouton copier (icone presse-papiers) sur l'element de l'historique pour re-copier son prompt. Le prompt est regenere avec vos parametres de pills actuels. Si le pill Screenshot est active et que la capture inclut une capture d'ecran, l'image est egalement incluse dans le presse-papiers.

    Comment annuler une capture en cours ?

    Appuyez sur Escape a tout moment pendant le mode capture pour annuler. Cela ferme le popup et desactive le mode capture.

    Qu'est-ce que le texte "Captured with ClickSay" dans mon prompt ?

    Avec le plan free, ClickSay ajoute un petit pied d'attribution a la sortie. Cela n'affecte pas les performances des outils IA. Passez a Pro pour supprimer la marque.

    Comment verifier les mises a jour de l'extension ?

    Chrome met a jour les extensions automatiquement. Vous pouvez aussi aller a chrome://extensions, activer le "Mode developpeur" et cliquer sur "Mettre a jour" pour forcer la verification. Verifiez le numero de version en bas du panneau lateral.

    Ou puis-je obtenir plus d'aide ?

    • Visitez https://clicksay.net pour les informations les plus recentes
    • Cliquez sur le lien "Not working? Get help" dans le pied du panneau lateral
    • Utilisez le widget de chat sur clicksay.net pour un support en direct
    • Consultez la section What's New a https://clicksay.net/#changelog pour les notes de version

    Ce guide couvre ClickSay v1.2.4. Pour les dernieres mises a jour, visitez https://clicksay.net.

    ClickSay 自助支持指南

    语言: 简体中文 最后更新: 2026年8月 扩展版本: v1.2.6


    目录

    1. 入门指南
    2. 故障排除
    3. 如何使用 ClickSay
    4. 输出格式
    5. 侧边面板
    6. 设置
    7. Free vs Pro
    8. 键盘快捷键
    9. 隐私与安全
    10. 常见问题

    1. 入门指南

    什么是 ClickSay?

    ClickSay 是一款 Chrome 扩展,能将 UI 反馈转化为结构化的、AI 就绪的提示词。您不再需要打字输入冗长的描述来解释想在网页上修改什么,只需点击一个元素、用语音说出您的反馈,然后将结果粘贴到任何 AI 编码工具中即可。以前需要一分钟打字的内容,使用 ClickSay 大约 8 秒即可完成。

    安装 ClickSay

    1. 访问 Chrome Web Store 上的 ClickSay 页面。
    2. 点击添加至 Chrome。
    3. 出现提示时确认权限。
    4. ClickSay 图标将出现在 Chrome 工具栏中。

    固定图标

    如果您在工具栏中看不到 ClickSay 图标:

    1. 点击 Chrome 工具栏中的拼图图标(扩展程序)。
    2. 在列表中找到"ClickSay - Vibe Code 20x Faster"。
    3. 点击旁边的固定图标使其保持可见。

    欢迎页面(首次安装)

    安装 ClickSay 后,会自动打开一个新标签页 clicksay.net/welcome,里面有三步引导和一个清晰标记的演示按钮。这是完成第一次捕获最快的方式:打开侧边面板,激活 ClickSay,点击演示按钮,您的第一个 prompt 在三十秒内就会出现在剪贴板中。如果关闭了标签页想再看,可以随时打开 clicksay.net/welcome。

    第一次捕获 - 操作演示

    按照以下步骤进行第一次捕获:

    1. 打开任意网页(例如您在 localhost 上运行的项目,或任何公开网站)。
    2. 按 Cmd+Shift+K(Mac)或 Ctrl+Shift+K(Windows/Linux)激活捕获模式。鼠标悬停在元素上时会出现橙色轮廓。
    3. 点击页面上的任意元素。元素附近会出现一个弹出窗口,麦克风自动开始录音。
    4. 自然地说出您的反馈 - 例如,"把这个按钮变大,颜色改成蓝色。"
    5. 按 Enter 将结构化提示词复制到剪贴板。会短暂出现"Copied!"提示通知确认复制成功。
    6. 打开您的 AI 工具(Claude Code、Cursor、Windsurf、Lovable、Bolt、Replit 等),使用 Cmd+V / Ctrl+V 粘贴。

    就是这样。AI 现在拥有完整的上下文 - 元素的选择器、样式、HTML 和您的反馈 - 可以准确地进行修改。


    2. 故障排除

    ClickSay 遇到问题?从这里开始。以下是最常见的问题及解决方法。

    键盘快捷键不起作用

    这是最常见的问题。Chrome 不总是自动分配快捷键。

    检查快捷键是否已映射:

    1. 在浏览器地址栏中打开 chrome://extensions/shortcuts。
    2. 在列表中找到"ClickSay - Vibe Code 20x Faster"。
    3. 查看"Activate ClickSay feedback mode"旁边的快捷键。
    4. 如果显示**"Not set"**,这就是问题所在。点击铅笔图标,按 Cmd+Shift+K(Mac)或 Ctrl+Shift+K(Windows/Linux)进行分配。
    5. 如果显示了快捷键但仍不起作用,另一个扩展可能正在使用相同的按键组合。尝试分配不同的快捷键,或检查其他扩展是否有冲突。

    无需快捷键的替代激活方式:

    • 点击 Chrome 工具栏中的 ClickSay 图标并选择"Capture Element"
    • 右键点击页面上的任意元素并选择"ClickSay this element"

    注意: 如果您在 ClickSay 无法注入 content script 的页面上使用键盘快捷键(如 chrome:// 页面或未刷新的新安装标签页),ClickSay 会自动打开侧边面板作为备选,而不是静默失败。

    提示: 首次安装时显示的欢迎页面包含键盘快捷键故障排除提示。如果您已关闭它,关键步骤是:打开 chrome://extensions/shortcuts,找到 ClickSay,分配您首选的快捷键。

    杀毒软件或安全软件阻止 ClickSay

    某些杀毒程序(Bitdefender、Norton、Kaspersky 等)可能会标记或阻止 Chrome 扩展。如果 ClickSay 停止工作、消失或 Chrome 显示扩展错误,您的杀毒软件可能正在隔离扩展文件。

    杀毒软件阻止 ClickSay 的迹象:

    • 扩展突然从 Chrome 中消失或显示为"已损坏"
    • Chrome 显示类似"此扩展可能已损坏"的错误
    • 扩展之前正常工作,在杀毒扫描后停止
    • 杀毒日志显示与 Chrome 扩展相关的检测

    解决方法:

    1. 检查杀毒软件的隔离区。 打开杀毒软件面板,查找被隔离的文件。如果看到 Chrome 扩展文件,请恢复它们。
    2. 为 Chrome 扩展添加排除项。 将 Chrome 扩展文件夹添加到杀毒软件的排除列表中:
      • macOS: ~/Library/Application Support/Google/Chrome/Default/Extensions/
      • Windows: C:\Users\<你的用户名>\AppData\Local\Google\Chrome\User Data\Default\Extensions\
    3. 恢复隔离文件或添加排除项后重新安装扩展。 前往 Chrome Web Store,搜索 ClickSay,点击"添加至 Chrome"。
    4. 通过扩展 ID 将 ClickSay 加入白名单。 ClickSay 扩展 ID 为 cpnmelphcmdcmejmjfnodmpdfifccfhj。某些杀毒程序允许将特定扩展 ID 加入白名单。

    各杀毒软件的具体说明:

    • Bitdefender: 打开 Bitdefender 面板(企业版打开 GravityZone 控制台)。前往隔离区,找到被标记的文件,点击"恢复"和"添加排除项"。然后前往保护 > 杀毒 > 设置 > 排除项,添加 Chrome 扩展文件夹。
    • Norton: 打开 Norton,前往设置 > 杀毒 > 扫描和风险 > 排除项/低风险,添加 Chrome 扩展文件夹。
    • Kaspersky: 打开 Kaspersky,前往设置 > 威胁和排除项 > 管理排除项,添加 Chrome 扩展文件夹。
    • Windows Defender: 打开 Windows 安全中心 > 病毒和威胁防护 > 管理设置 > 排除项 > 添加排除项,添加 Chrome 扩展文件夹。

    扩展在某些页面上不工作

    ClickSay 无法工作的页面:

    • chrome:// 页面(设置、扩展、书签等)
    • Chrome Web Store (chrome.google.com/webstore)
    • 其他浏览器内部页面(about:、edge:// 等)
    • 在 Chrome 内置查看器中打开的 PDF 文件

    这些页面由 Chrome 本身限制 - 没有扩展可以在上面运行。请导航到普通网站使用 ClickSay。

    ClickSay 可能不工作的页面:

    • 具有非常严格内容安全策略(CSP)的页面可能会阻止脚本注入。检查浏览器控制台(F12 > 控制台)查看 CSP 错误。
    • 如果页面在您安装 ClickSay 之前就已打开,请先刷新它。

    嵌入式框架(iframe)中的内容:

    有些页面把实际内容放在嵌入式框架中。Claude artifacts、StackBlitz 和 CodeSandbox 预览,以及嵌入式设计或结账组件都是这样工作的。ClickSay v1.2.6 及更高版本可以选择其中的元素。

    在 v1.2.5 及更早的版本中,点击这些元素完全没有反应,也不会显示任何错误消息。如果你遇到这种情况,请在下面的"我使用的是哪个版本?"中查看你的版本,然后从 Chrome 网上应用店更新。

    需要注意的一个区别:当你点击嵌入式框架中的元素时,反馈弹窗会出现在页面中央,而不是元素旁边。嵌入式框架不与周围的页面共享屏幕坐标,因此 ClickSay 无法精确放置弹窗。你可以把弹窗拖到任何位置。

    麦克风不起作用

    检查浏览器权限:

    1. 点击 Chrome 地址栏中当前网站的锁定/调谐图标。
    2. 确保"麦克风"设置为"允许"。
    3. 如果显示"阻止",将其更改为"允许"并刷新页面。

    检查系统权限:

    • macOS: 前往系统设置 > 隐私与安全 > 麦克风,确保 Chrome 已列出并启用。
    • Windows: 前往设置 > 隐私 > 麦克风,确保 Chrome 已被允许。

    其他原因:

    • 另一个应用可能正在使用麦克风(Zoom、Teams 等)。关闭它然后重试。
    • 授予权限后尝试刷新页面。
    • 您随时可以打字输入反馈而不是说话 - 麦克风是可选的。

    输出未复制到剪贴板

    1. 尝试在页面内弹出窗口中按 Enter - 这有最高的成功率。
    2. 尝试在侧边面板中按 Cmd+Return(Mac)或 Ctrl+Enter(Windows/Linux)。
    3. 确保没有其他扩展拦截剪贴板写入。
    4. 某些页面限制剪贴板访问。打开侧边面板并使用那里的复制按钮作为备选。

    当复制成功时,屏幕底部会短暂出现"Copied!"提示通知。如果您没有看到此通知,复制可能未成功。

    侧边面板不打开

    1. 点击 Chrome 工具栏中的 ClickSay 图标。会出现一个弹出菜单,提供"Capture Element"和"Open Side Panel"。
    2. 点击"Open Side Panel"。
    3. 如果您在工具栏中看不到 ClickSay 图标,请点击拼图图标(扩展程序)并固定 ClickSay。
    4. 如果弹出菜单没有出现,请尝试重启 Chrome。

    捕获限制已达到

    Free 计划每月允许 20 次捕获。您的使用量在每个自然月初自动重置。在侧边面板的账户部分查看您当前的计数。升级到 Pro 获得无限捕获。

    扩展显示为"已损坏"或需要修复

    这通常意味着文件被修改或删除(通常由杀毒软件造成 - 请参阅上面的杀毒软件部分)。

    1. 在浏览器中前往 chrome://extensions。
    2. 找到 ClickSay,如果有"修复"选项则点击它。
    3. 如果不起作用,请删除扩展并从 Chrome Web Store 重新安装。
    4. 您的设置和历史记录是单独存储的,重新安装后会保留。

    ClickSay 速度慢或无响应

    1. 检查是否运行了太多扩展。暂时禁用其他扩展进行测试。
    2. 尝试重启 Chrome。
    3. 检查 Chrome 的任务管理器(Shift+Esc)查看 ClickSay 的 service worker 是否使用了异常资源。
    4. 如果重启 Chrome 后问题仍然存在,请尝试重新安装扩展。

    我使用的是什么版本?

    打开侧边面板 - 版本号显示在底部,紧挨帮助链接。

    仍然需要帮助?

    • 访问 https://clicksay.net 获取最新信息
    • 点击侧边面板底部的"Not working? Get help"链接打开帮助页面
    • 确保您使用的是最新版本(Chrome 自动更新扩展,但您可以在 chrome://extensions 中启用开发者模式强制检查更新)

    3. 如何使用 ClickSay

    点击-说话-粘贴工作流

    ClickSay 遵循简单的三步工作流:

    第一步:点击

    使用以下任一方法激活捕获模式:

    • 按 Cmd+Shift+K(Mac)或 Ctrl+Shift+K(Windows/Linux)
    • 点击工具栏中的 ClickSay 图标,在弹出菜单中选择"Capture Element"
    • 右键点击页面上的任意元素,选择"ClickSay this element"

    捕获模式激活后,鼠标悬停时元素会以橙色轮廓高亮显示。点击您想要提供反馈的元素。

    第二步:说话(或打字)

    点击元素后,附近会出现一个弹出窗口。麦克风自动激活,您会在弹出窗口中看到"Listening..."。

    • 说出您的反馈:"修正 padding,""把这个变大,""把字体改成 sans-serif。"
    • 如果您不想使用语音,可以在弹出窗口的文本框中打字输入。当您开始打字时,麦克风会自动暂停,这样语音转录就不会与输入的文字交织。
    • 两者结合 - 您可以先说话,然后通过打字编辑或补充文本。按下任何键时麦克风就会暂停,因此语音和键盘输入之间不会冲突。
    • 点击建议标签 - 根据您点击的元素会出现相应的快速反馈按钮。点击一个即可立即插入该文本。

    第三步:粘贴

    完成反馈后:

    • 在弹出窗口中按 Enter 停止录音并将提示词复制到剪贴板。会出现短暂的"Copied!"通知确认复制成功。
    • 或者先点击麦克风图标停止录音,然后按 Enter 复制。
    • 使用 Cmd+V / Ctrl+V 将结果粘贴到您的 AI 工具中。

    切换语音识别语言

    您可以直接在反馈弹出窗口中切换语音识别语言,无需离开当前页面。

    1. 在反馈弹出窗口中,找到语言下拉菜单(显示紧凑的语言代码,如"EN"或"ZH")。
    2. 点击下拉菜单,从 20 种支持的语言列表中选择您偏好的语言。
    3. 您的选择会自动保存并在会话之间保持。
    4. 如果麦克风正在录音,识别会立即以新语言重新启动。

    您也可以从选项页面设置语音识别语言(参见设置)。

    Sweep 模式(多元素选择)

    Sweep 模式让您可以选择多个元素并为所有元素提供一条反馈。这是 Pro 功能。

    1. 激活捕获模式(Cmd+Shift+K)。
    2. 按住 Shift 并点击每个要包含的元素。每个被点击的元素会获得一个编号标记。
    3. 选择完毕后,不按 Shift 点击最后一个元素。
    4. 弹出窗口出现。说出您的反馈 - 它适用于所有选中的元素。
    5. 按 Enter。一个涵盖所有元素的结构化提示词被复制到剪贴板。

    建议标签

    弹出窗口出现时,您会看到带有常见反馈短语的小可点击按钮。这些是建议标签,它们会根据您点击的元素类型而变化:

    • 按钮/链接: "Change the text," "Fix hover state," "Make more prominent," "Change color"
    • 图片: "Replace this image," "Fix aspect ratio," "Add alt text," "Make responsive"
    • 表单输入框: "Change placeholder," "Fix validation," "Resize this field," "Add label"
    • 标题: "Change text," "Adjust size," "Change font weight," "Fix spacing"
    • 以及更多 - 适用于导航、列表、表格、flex 容器和 grid 容器。

    点击标签可将其文本插入到您的反馈中。然后您可以编辑或补充内容。

    复制到剪贴板

    随时按 Enter 将结构化提示词复制到剪贴板。不需要先停止麦克风 - 您可以在录音时按 Enter,它会使用截至目前捕获的所有内容。屏幕底部中央会短暂出现"Copied!"提示通知确认复制成功。

    您也可以先点击麦克风按钮停止录音,检查或编辑您的反馈,然后按 Enter 复制。

    如果您启用了 Screenshot pill 并且捕获了截图,图片会与文本提示词一起写入剪贴板。当您粘贴到 Claude.ai、ChatGPT、Word、Google Docs 或其他支持图片粘贴的应用时,截图会以真实图片附件的形式出现,而不是原始文本。

    下载截图

    如果您想将捕获的截图保存到本地,请在侧边面板中截图卡片头部找到小的下载图标。点击它会将截图保存为 PNG 文件到您的下载文件夹。

    仅复制截图

    下载图标旁边还有一个小的复制图标。点击它只把截图图片复制到剪贴板 - 当您想把图片粘贴到 Slack、问题跟踪系统或文档中(不带 prompt 文本)时很有用。主"Copy to Clipboard"按钮仍然会复制完整的 prompt 并附带图片;新增的图标只是用来单独粘贴图片。

    可拖动弹出窗口

    如果反馈弹出窗口遮住了您想查看的元素,只需将其拖开。点击并拖动弹出窗口顶部的手柄栏,将其重新定位到屏幕上的任意位置。

    内联流程

    您可以完全在弹出窗口中完成从捕获到剪贴板的整个工作流程,无需打开侧边面板。点击元素、提供反馈,提示词就被复制了 - 全部内联完成。当您需要查看历史记录、设置或更改输出格式时,侧边面板仍然可用。


    4. 输出格式

    预设

    ClickSay 提供四种输出预设,控制生成的提示词中包含多少细节。

    Simple(Free)

    单行、终端友好的格式。仅包含页面 URL。

    示例:

    For the url: https://myapp.com/dashboard About: Dashboard Overview Make this heading smaller and dark blue
    

    Standard(Free)

    结构化 markdown 格式。包含 URL、CSS 选择器和元素文本。

    示例:

    ## Feedback
    Make this heading smaller and dark blue
    
    **URL:** https://myapp.com/dashboard
    
    **Element:** `<h1>` `#page-title`
    
    **Selector:** `h1.page-title`
    
    **Text:** "Dashboard Overview"
    

    Detailed(Pro)

    完整的结构化 markdown。包含 URL、选择器、文本、HTML、计算后的 CSS 样式、文件路径和组件名称。

    Full(Pro)

    ClickSay 捕获的所有内容。包含 Detailed 中的所有数据以及父级上下文 HTML、截图和无障碍审核结果。

    Free 计划的署名标注

    在 Free 计划下,提示词包含一个小的署名页脚:[Captured with ClickSay - clicksay.net]。这有助于推广 ClickSay。Pro 用户获得干净的输出,没有品牌标注。

    Pills(单独控制开关)

    每项捕获数据对应侧边面板中一个可切换的"pill"(开关按钮)。您可以开启或关闭单个数据字段来自定义输出。

    Pill包含内容Free
    URL页面 URL是
    SelectorCSS 选择器是
    Text元素内部文本是
    HTML元素外部 HTML是
    Styles计算后的 CSS 样式是
    Context父级元素 HTML(向上3层)是
    File Path解析后的源文件路径是
    Screenshot带有高亮覆盖层的截图仅 Pro
    Component框架组件名称和路径仅 Pro
    A11y无障碍审核结果仅 Pro

    如何自定义输出

    1. 点击工具栏中的 ClickSay 图标,在弹出菜单中选择"Open Side Panel"来打开侧边面板。
    2. 在 Output Format 部分,点击一个预设按钮作为基础配置。
    3. 开启或关闭单独的 pills 来微调包含的数据。
    4. 您的选择会自动保存并在会话之间保持。

    当您手动切换 pills 时,活跃的预设高亮会更新,显示您的配置是否与某个预设完全匹配。


    5. 侧边面板

    侧边面板是 ClickSay 的主要控制界面。点击工具栏中的 ClickSay 图标,然后在弹出菜单中选择"Open Side Panel"来打开它。

    各部分功能说明(从上到下)

    头部

    • ClickSay 品牌名称,带有计划徽章(PRO 或 Free)。
    • Upgrade 链接(仅对 Free 用户可见)- 打开定价页面。
    • Capture 按钮 - 在当前标签页激活反馈模式。您也可以直接从工具栏弹出菜单点击"Capture Element"来启动捕获。
    • Clear 按钮 - 删除所有历史记录。删除前会出现确认对话框,因此您不会意外丢失历史记录。
    • 闲置提示: 如果侧边面板已打开一分钟而本月还没有任何捕获,Capture 按钮下方会出现一个橙色小卡片"Stuck? Click Capture Element above..."。如果不想看到,点"x"关闭。仅对新用户显示;只要您捕获过任何内容,就不会再出现。

    输出格式部分

    • 预设行: 四个按钮 - Simple、Standard、Detailed、Full。Detailed 和 Full 对 Free 用户显示锁定图标。
    • Pill 开关: 十个复选框用于各个数据字段。Pro 专属的 pills(Screenshot、Component、A11y)对 Free 用户显示锁定图标。

    捕获视图

    捕获元素后,此部分显示:

    • 元素卡片: 标签名、CSS 选择器和元素文本预览。
    • 截图卡片: 带有橙色高亮的捕获截图(如果已截图)。卡片头部有两个小图标:复制图标(仅把图片放到剪贴板)和下载图标(保存为 PNG 文件)。
    • 反馈卡片: 显示您语音转录或输入文字的文本框。包含一个麦克风按钮用于开始/停止录音。
    • 目标文件卡片: 自动检测或手动输入的文件路径。当路径通过映射规则解析时会显示"Auto-detected"标签。
    • Copy to Clipboard 按钮,带有 Cmd+Return 快捷键提示。

    账户/计划部分

    • 显示当前计划(Free 或 Pro)。
    • 对 Free 用户:显示捕获使用计数(如"3/20 本月")。
    • Upgrade 或 Manage 链接。

    历史记录部分

    • 按日期分组的历史记录项(今天、昨天或具体日期)。
    • 每个项目显示时间戳、元素标签、页面主机名和截断的反馈文本。
    • 点击项目可将其重新加载到捕获视图中。
    • 每个项目有一个复制按钮(重新复制提示词)和一个删除按钮。
    • 批量操作: 选中项目后会出现"Copy Selected"和"Select All"按钮。

    存储管理

    • Storage used: 显示 ClickSay 使用了多少本地存储(如"2.3 MB")。
    • Auto-purge 下拉菜单: 选择保留历史记录的时间 - 7 天、30 天、60 天、90 天或永不清除。Free 用户限制为 7 天。
    • Purge Images Now: 删除所有存储的截图,但保留文本历史记录。

    面板底部

    • 扩展的当前版本显示在侧边面板底部。
    • **"Not working? Get help"**链接可打开 clicksay.net/help 的故障排除指南。

    6. 设置

    访问选项页面

    右键点击工具栏中的 ClickSay 图标,选择 Options。或者导航到 Chrome 扩展页面,找到 ClickSay,点击"详情"然后"扩展选项"。

    语音识别语言

    选项页面中的下拉菜单让您可以选择语音识别语言。ClickSay 支持 20 种语音输入语言,包括英语、西班牙语、法语、德语、中文、日语、韩语、印地语、阿拉伯语、葡萄牙语等。所选语言决定了您对着麦克风说话时语音识别引擎使用哪种语言。

    您也可以直接从反馈弹出窗口使用内联语言选择器更改语音识别语言(参见切换语音识别语言)。

    Project Root

    您本地机器上的项目基本目录。例如:

    /Users/you/projects/my-app
    

    用于在输出中解析文件路径。当 ClickSay 检测到组件或将 URL 映射到文件时,会将 project root 作为前缀创建完整路径。

    URL-to-File Mapping

    基于正则表达式的规则,将 URL 模式映射到源文件路径。当自动框架检测找不到正确的文件时非常有用。

    ClickSay 包含常见配置的预设:

    • Static Site - 直接将 URL 映射到文件路径
    • Next.js - 将路由映射到 app/ 目录结构
    • SvelteKit - 将路由映射到 src/routes/ 结构
    • React (CRA) - 映射到 src/ 目录结构

    添加自定义规则:

    1. 输入 URL 正则表达式模式(如 /dashboard/(.*))
    2. 输入文件路径模板(如 src/pages/dashboard/$1.tsx)
    3. 点击 Save Settings

    许可证密钥

    购买 ClickSay Pro 后:

    1. 您将被重定向到 clicksay.net,页面上会显示您的许可证密钥。
    2. 密钥会自动发送到扩展 - Pro 功能即时解锁,无需手动操作。

    手动激活(备用方案): 如果自动激活未生效(例如使用其他浏览器或扩展尚未安装),请复制成功页面上显示的密钥。然后打开侧边栏,在 Unlock Pro 卡片内点击 Already have a key? Activate it,粘贴密钥并点击 Activate。如需使用选项页面,可在 Pro License 字段执行相同操作(右键点击 ClickSay 图标 > Options)。

    激活后密钥会被掩码处理。 侧边栏和选项页面都会显示前 6 位和后 4 位字符(例如 CSPRO·····103a),并提供 Show 按钮以显示完整密钥。状态栏会显示您的账户邮箱和续订日期。Deactivate 按钮可从本设备移除密钥。


    7. Free vs Pro

    Free 包含什么

    功能Free 计划
    捕获次数每月 20 次
    输出预设Simple 和 Standard
    PillsURL、Selector、Text、HTML、Styles、Context、File Path
    历史记录保留最多 7 天
    Sweep 模式不可用
    输出品牌标注包含"Captured with ClickSay"页脚

    Pro 包含什么

    功能Pro 计划
    捕获次数无限
    输出预设全部四个(Simple、Standard、Detailed、Full)
    Pills全部 10 个(包括 Screenshot、Component、A11y)
    历史记录保留无限(包括"永不清除"选项)
    Sweep 模式可用
    框架检测完整的组件名称、路径和路由
    无障碍审核完整审核在输出中
    Auto-purge 选项7、30、60、90 天或永不
    输出品牌标注干净输出,无署名页脚

    价格

    • Free: $0
    • Pro Monthly: $7/月
    • Pro Yearly: $45/年(节省 46%)

    如何升级

    您可以通过两种方式升级到 Pro:

    从侧边面板:

    1. 点击侧边面板头部或账户部分的 Upgrade 链接。
    2. 这将打开 https://clicksay.net/#pricing 的定价页面。
    3. 点击 Go Pro 开始通过 Stripe 支付。

    从升级覆盖层:

    1. 当您达到免费捕获限制时,页面内会出现一个带有升级选项的覆盖层。
    2. 点击覆盖层上的 Go Pro 开始通过 Stripe 支付。

    付款后会生成许可证密钥,自动发送到您的扩展。如果自动激活不起作用,请从成功页面复制密钥并在选项页面输入(右键点击 ClickSay 图标 > Options > Pro License > 点击 Activate)。

    使用限制和重置

    • 捕获使用计数在每个自然月初重置。
    • 使用情况显示在侧边面板的账户部分。
    • 当您达到捕获限制时,页面内会出现一个带有升级选项的覆盖层。

    8. 键盘快捷键

    快捷键位置功能
    `Cmd+Shift+K`(Mac)/ `Ctrl+Shift+K`(Win/Linux)任何网页直接激活捕获模式(跳过工具栏弹出菜单)
    `Escape`捕获模式中取消捕获模式
    `Escape`录音中停止录音并关闭弹出窗口
    `Escape`弹出窗口打开时关闭弹出窗口
    `Shift+Click`捕获模式中将元素添加到 sweep 集合(Pro)
    `Enter`弹出窗口文本框中停止录音并复制到剪贴板
    `Shift+Enter`弹出窗口文本框中插入换行(不提交)
    `Cmd+Return`(Mac)/ `Ctrl+Enter`(Win/Linux)侧边面板中复制到剪贴板

    右键菜单

    在网页上右键点击任意元素,选择 ClickSay this element 可为该元素激活捕获模式。

    自定义快捷键

    如果 Cmd+Shift+K / Ctrl+Shift+K 不起作用或与其他扩展冲突:

    1. 在浏览器中导航到 chrome://extensions/shortcuts。
    2. 找到"ClickSay - Vibe Code 20x Faster"。
    3. 点击"Activate ClickSay feedback mode"旁边的铅笔图标。
    4. 录制您首选的快捷键。

    9. 隐私与安全

    所有数据保留在本地

    ClickSay 完全在您的浏览器内运行。所有处理 - DOM 捕获、语音识别、提示词格式化、截图捕获 - 都在您的机器上完成。没有 ClickSay 服务器处理您的数据。

    留在浏览器中的数据

    • 所有捕获的元素数据(选择器、HTML、样式等)
    • 所有语音反馈文本
    • 所有截图
    • 反馈历史记录
    • 您的设置(输出偏好、映射规则)

    离开浏览器的数据

    数据仅在以下情况下离开您的浏览器,且全部由您主动发起:

    1. 剪贴板复制 - 当您复制提示词时,它进入系统剪贴板。
    2. 许可证验证 - 如果您有 Pro 许可证密钥,扩展会向 https://clicksay.net/api/license/validate 验证。此请求仅包含许可证密钥 - 没有反馈、截图或用户数据。

    无追踪

    • 没有任何形式的分析或遥测。
    • 没有 cookie 或追踪脚本。
    • 没有用户账户或认证(Pro 使用许可证密钥,而非用户账户)。
    • 扩展不知道谁安装了它或它被如何使用。

    权限说明

    权限为什么需要
    activeTab当您点击时访问当前标签页以捕获元素数据。仅在您触发扩展时激活。
    sidePanel显示 ClickSay 侧边面板。
    storage在本地存储您的历史记录、设置和截图。
    contextMenus在右键菜单中添加"ClickSay this element"。
    scripting当您激活捕获模式时将捕获脚本注入到活动标签页。
    clipboardWrite将提示词复制到剪贴板。
    offscreen在其他复制方法不起作用时的剪贴板备选方案。
    alarms安排每日清理旧截图。

    无全局主机权限

    ClickSay 使用 activeTab 权限,该权限仅允许访问您正在活跃交互的标签页,且仅在您明确触发扩展时。ClickSay 自动运行 content script 的唯一站点是 clicksay.net 和 www.clicksay.net - 这仅用于在购买后接收您的许可证密钥。


    10. 常见问题

    我可以在任何网站上使用 ClickSay 吗?

    可以。ClickSay 可以在任何 URL 上工作 - 不仅仅是 localhost。唯一的例外是 Chrome 内部页面(chrome://)、Chrome Web Store 和其他受限的浏览器 URL。

    把内容放在嵌入式框架中的页面(例如 Claude artifacts 或 StackBlitz 预览)从 v1.2.6 起开始支持。

    我必须使用语音吗?可以只打字吗?

    可以,您可以打字输入反馈而不使用语音。点击元素后,直接在弹出窗口的文本框中打字即可。当您开始打字时,麦克风会自动暂停,因此语音和键盘输入之间不会冲突。您也可以将语音和打字结合使用 - 先说话,然后通过打字编辑或添加文本。

    我可以用自己的语言使用 ClickSay 吗?

    可以。ClickSay 支持 20 种语音识别语言。您可以从反馈弹出窗口中的内联语言选择器或从选项页面更改语音识别语言。界面标签保持英文,但语音输入可以使用您选择的语言。

    哪些 AI 工具可以配合 ClickSay 使用?

    ClickSay 将结构化提示词复制到剪贴板。您可以将其粘贴到任何接受文本输入的 AI 工具中:Claude Code、Cursor、Windsurf、Lovable、Bolt、Replit、ChatGPT 或任何其他 AI 助手。

    ClickSay 会将我的数据发送到服务器吗?

    不会。所有处理都在您的浏览器中进行。唯一的网络请求是许可证密钥验证(仅 Pro 用户)。详见隐私与安全部分。

    ClickSay 检测哪些框架?

    React、Vue(2 和 3)、Angular、Svelte、Next.js 和 SvelteKit。检测在开发构建上效果最佳。生产构建可能会去除 ClickSay 用于检测的调试数据。

    我可以一次捕获多个元素吗?

    可以,使用 Sweep 模式(仅 Pro)。按住 Shift 并点击要包含的每个元素,然后松开 Shift 点击最后一个元素。只需说一次反馈,它就适用于所有选中的元素。

    Free 计划的限制什么时候重置?

    捕获使用计数在每个自然月初重置。您不需要做任何事 - 计数器自动重置。

    我可以重新复制之前的捕获吗?

    可以。打开侧边面板,在历史记录中找到该捕获。点击历史记录项上的复制按钮(剪贴板图标)重新复制其提示词。提示词会根据您当前的 pill 设置重新生成。如果 Screenshot pill 已启用且捕获包含截图,图片也会包含在剪贴板中。

    如何中途取消捕获?

    在捕获模式中随时按 Escape 取消。这会关闭弹出窗口并停用捕获模式。

    提示词中的"Captured with ClickSay"文本是什么?

    在 Free 计划下,ClickSay 会在输出中添加一个小的署名页脚。这不会影响 AI 工具的性能。升级到 Pro 可以移除品牌标注。

    如何检查扩展更新?

    Chrome 会自动更新扩展。您也可以前往 chrome://extensions,启用"开发者模式",然后点击"更新"强制检查。在侧边面板底部查看版本号。

    在哪里可以获得更多帮助?

    • 访问 https://clicksay.net 获取最新信息
    • 点击侧边面板底部的"Not working? Get help"链接
    • 使用 clicksay.net 上的聊天小工具获得即时支持
    • 查看 https://clicksay.net/#changelog 的 What's New 部分了解版本说明

    本指南涵盖 ClickSay v1.2.4。如需最新更新,请访问 https://clicksay.net。

    ClickSay स्व-सहायता समर्थन गाइड

    भाषा: हिन्दी अंतिम अपडेट: अगस्त 2026 एक्सटेंशन संस्करण: v1.2.6

    यह दस्तावेज़ en.md का अनुवाद है। सबसे नवीनतम संस्करण के लिए, कृपया अंग्रेज़ी मूल देखें।


    विषय सूची

    1. शुरुआत कैसे करें
    2. समस्या निवारण
    3. ClickSay कैसे उपयोग करें
    4. आउटपुट फॉर्मेट
    5. साइड पैनल
    6. सेटिंग्स
    7. Free vs Pro
    8. कीबोर्ड शॉर्टकट
    9. गोपनीयता एवं सुरक्षा
    10. अक्सर पूछे जाने वाले प्रश्न

    1. शुरुआत कैसे करें

    ClickSay क्या है?

    ClickSay एक Chrome एक्सटेंशन है जो UI फीडबैक को संरचित, AI-तैयार प्रॉम्प्ट में बदल देता है। वेब पेज पर क्या बदलना है, यह समझाने के लिए लंबे विवरण टाइप करने की बजाय, आप बस किसी एलिमेंट पर क्लिक करते हैं, अपना फीडबैक बोलते हैं, और परिणाम किसी भी AI कोडिंग टूल में पेस्ट कर देते हैं। जो काम पहले एक मिनट टाइपिंग में लगता था, वो ClickSay के साथ लगभग 8 सेकंड में हो जाता है।

    ClickSay इंस्टॉल करें

    1. Chrome Web Store पर ClickSay का पेज खोलें।
    2. Add to Chrome पर क्लिक करें।
    3. जब कहा जाए तो अनुमतियों की पुष्टि करें।
    4. Chrome टूलबार में ClickSay आइकन दिखाई देगा।

    आइकन पिन करें

    अगर आपको टूलबार में ClickSay आइकन दिखाई नहीं दे रहा:

    1. Chrome टूलबार में पज़ल पीस आइकन (एक्सटेंशन) पर क्लिक करें।
    2. सूची में "ClickSay - Vibe Code 20x Faster" खोजें।
    3. इसे दृश्यमान रखने के लिए पिन आइकन पर क्लिक करें।

    स्वागत पेज (पहली बार इंस्टॉल)

    ClickSay इंस्टॉल करने के तुरंत बाद, clicksay.net/welcome पर एक नया टैब खुलता है जिसमें तीन-चरणीय गाइडेड वॉकथ्रू और एक स्पष्ट रूप से लेबल किया गया डेमो टार्गेट बटन होता है। पहली कैप्चर करने का सबसे तेज़ तरीका यही है: साइड पैनल खोलें, ClickSay सक्रिय करें, डेमो बटन पर क्लिक करें, और तीस सेकंड से कम में आपका पहला prompt क्लिपबोर्ड पर होगा। अगर आपने टैब बंद कर दिया है और दोबारा देखना चाहते हैं, तो कभी भी clicksay.net/welcome खोल सकते हैं।

    आपकी पहली कैप्चर - चरण-दर-चरण

    अपनी पहली कैप्चर करने के लिए इन चरणों का पालन करें:

    1. कोई भी वेब पेज खोलें (जैसे localhost पर आपका प्रोजेक्ट, या कोई सार्वजनिक वेबसाइट)।
    2. कैप्चर मोड सक्रिय करने के लिए Cmd+Shift+K (Mac) या Ctrl+Shift+K (Windows/Linux) दबाएं। एलिमेंट पर होवर करने पर नारंगी बॉर्डर दिखाई देगा।
    3. पेज पर किसी भी एलिमेंट पर क्लिक करें। एलिमेंट के पास एक पॉपअप दिखाई देगा और माइक्रोफ़ोन स्वचालित रूप से शुरू हो जाएगा।
    4. अपना फीडबैक स्वाभाविक रूप से बोलें - जैसे, "इस बटन को बड़ा करो और रंग नीला कर दो।"
    5. संरचित प्रॉम्प्ट को क्लिपबोर्ड पर कॉपी करने के लिए Enter दबाएं। कॉपी सफल होने की पुष्टि के लिए "Copied!" टोस्ट सूचना संक्षिप्त रूप से दिखाई देगी।
    6. अपना AI टूल खोलें (Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, आदि) और Cmd+V / Ctrl+V से पेस्ट करें।

    बस इतना ही। AI के पास अब पूरा संदर्भ है - एलिमेंट का सेलेक्टर, स्टाइल, HTML और आपका फीडबैक - और वह सटीक बदलाव कर सकता है।


    2. समस्या निवारण

    ClickSay में समस्या? यहां से शुरू करें। ये सबसे आम समस्याएं और उनके समाधान हैं।

    कीबोर्ड शॉर्टकट काम नहीं कर रहा

    यह सबसे आम समस्या है। Chrome हमेशा शॉर्टकट स्वचालित रूप से असाइन नहीं करता।

    जांचें कि शॉर्टकट मैप हुआ है या नहीं:

    1. अपने ब्राउज़र एड्रेस बार में chrome://extensions/shortcuts खोलें।
    2. सूची में "ClickSay - Vibe Code 20x Faster" खोजें।
    3. "Activate ClickSay feedback mode" के बगल में शॉर्टकट देखें।
    4. अगर "Not set" दिखता है, तो यही समस्या है। पेंसिल आइकन पर क्लिक करें और Cmd+Shift+K (Mac) या Ctrl+Shift+K (Windows/Linux) दबाएं।
    5. अगर शॉर्टकट दिखता है लेकिन फिर भी काम नहीं करता, तो कोई अन्य एक्सटेंशन वही की कॉम्बिनेशन उपयोग कर रहा हो सकता है। कोई भिन्न शॉर्टकट असाइन करें या अपने अन्य एक्सटेंशन की जांच करें।

    ClickSay सक्रिय करने के वैकल्पिक तरीके (बिना शॉर्टकट):

    • Chrome टूलबार में ClickSay आइकन पर क्लिक करें और "Capture Element" चुनें
    • पेज पर किसी भी एलिमेंट पर राइट-क्लिक करें और "ClickSay this element" चुनें

    नोट: अगर आप ऐसे पेज पर कीबोर्ड शॉर्टकट उपयोग करते हैं जहां ClickSay अपना content script इंजेक्ट नहीं कर सकता (जैसे chrome:// पेज या बिना रीफ्रेश किया नया टैब), ClickSay चुपचाप विफल होने के बजाय स्वचालित रूप से साइड पैनल को बैकअप के रूप में खोलेगा।

    सुझाव: पहली इंस्टॉलेशन पर दिखाई देने वाली वेलकम स्क्रीन में कीबोर्ड शॉर्टकट समस्या निवारण टिप शामिल है। अगर आपने इसे बंद कर दिया, तो मुख्य कदम हैं: chrome://extensions/shortcuts पर जाएं, ClickSay ढूंढें और अपना पसंदीदा शॉर्टकट असाइन करें।

    एंटीवायरस या सुरक्षा सॉफ्टवेयर ClickSay को ब्लॉक कर रहा है

    कुछ एंटीवायरस प्रोग्राम (Bitdefender, Norton, Kaspersky, आदि) Chrome एक्सटेंशन को फ्लैग या ब्लॉक कर सकते हैं। अगर ClickSay काम करना बंद कर दे, गायब हो जाए, या Chrome एक्सटेंशन के बारे में त्रुटियां दिखाए, तो आपका एंटीवायरस एक्सटेंशन फ़ाइलों को क्वारंटाइन कर रहा हो सकता है।

    संकेत कि आपका एंटीवायरस ClickSay को ब्लॉक कर रहा है:

    • एक्सटेंशन अचानक Chrome से गायब हो जाता है या "corrupted" दिखाता है
    • Chrome "This extension may have been corrupted" जैसी त्रुटि दिखाता है
    • एक्सटेंशन काम कर रहा था और एंटीवायरस स्कैन के बाद बंद हो गया
    • आपका एंटीवायरस लॉग Chrome एक्सटेंशन से संबंधित डिटेक्शन दिखाता है

    समाधान:

    1. अपने एंटीवायरस की क्वारंटाइन जांचें। अपना एंटीवायरस डैशबोर्ड खोलें और क्वारंटाइन फ़ाइलें देखें। अगर Chrome एक्सटेंशन फ़ाइलें दिखें, तो उन्हें रिस्टोर करें।
    2. Chrome एक्सटेंशन के लिए एक्सक्लूज़न जोड़ें। Chrome एक्सटेंशन फ़ोल्डर को अपने एंटीवायरस एक्सक्लूज़न में जोड़ें:
      • macOS: ~/Library/Application Support/Google/Chrome/Default/Extensions/
      • Windows: C:\Users\<आपकानाम>\AppData\Local\Google\Chrome\User Data\Default\Extensions\
    3. एक्सटेंशन को फिर से इंस्टॉल करें। Chrome Web Store पर जाएं, ClickSay खोजें और "Add to Chrome" पर क्लिक करें।
    4. ClickSay को उसकी एक्सटेंशन ID से व्हाइटलिस्ट करें। ClickSay एक्सटेंशन ID है cpnmelphcmdcmejmjfnodmpdfifccfhj। कुछ एंटीवायरस प्रोग्राम विशिष्ट एक्सटेंशन ID को व्हाइटलिस्ट करने की अनुमति देते हैं।

    एंटीवायरस-विशिष्ट निर्देश:

    • Bitdefender: Bitdefender डैशबोर्ड खोलें (एंटरप्राइज़ के लिए GravityZone कंसोल)। Quarantine पर जाएं, फ्लैग की गई फ़ाइल ढूंढें, "Restore" और "Add Exclusion" पर क्लिक करें। फिर Protection > Antivirus > Settings > Exclusions पर जाएं और Chrome एक्सटेंशन फ़ोल्डर जोड़ें।
    • Norton: Norton खोलें, Settings > Antivirus > Scans and Risks > Exclusions/Low Risks पर जाएं और Chrome एक्सटेंशन फ़ोल्डर जोड़ें।
    • Kaspersky: Kaspersky खोलें, Settings > Threats and Exclusions > Manage Exclusions पर जाएं और Chrome एक्सटेंशन फ़ोल्डर जोड़ें।
    • Windows Defender: Windows Security > Virus & Threat Protection > Manage Settings > Exclusions > Add an Exclusion खोलें और Chrome एक्सटेंशन फ़ोल्डर जोड़ें।

    एक्सटेंशन कुछ पेजों पर काम नहीं कर रहा

    जहां ClickSay काम नहीं कर सकता:

    • chrome:// पेज (सेटिंग्स, एक्सटेंशन, बुकमार्क, आदि)
    • Chrome Web Store (chrome.google.com/webstore)
    • अन्य ब्राउज़र-आंतरिक पेज (about:, edge://, आदि)
    • Chrome के बिल्ट-इन व्यूअर में खोली गई PDF फ़ाइलें

    ये Chrome द्वारा प्रतिबंधित हैं - कोई भी एक्सटेंशन इन पर नहीं चल सकता। ClickSay उपयोग करने के लिए किसी सामान्य वेबसाइट पर जाएं।

    जहां ClickSay शायद काम न करे:

    • बहुत सख्त Content Security Policies (CSP) वाले पेज स्क्रिप्ट इंजेक्शन ब्लॉक कर सकते हैं। CSP त्रुटियों के लिए ब्राउज़र कंसोल (F12 > Console) जांचें।
    • अगर कोई पेज ClickSay इंस्टॉल करने से पहले खुला था, तो पहले उसे रीफ्रेश करें।

    एम्बेडेड फ़्रेम (iframe) के अंदर का कंटेंट:

    कुछ पेज अपना असली कंटेंट एम्बेडेड फ़्रेम के अंदर रखते हैं। Claude artifacts, StackBlitz और CodeSandbox प्रीव्यू, और एम्बेडेड डिज़ाइन या चेकआउट विजेट सभी इसी तरह काम करते हैं। ClickSay v1.2.6 और उसके बाद के संस्करण इनके अंदर के एलिमेंट चुन सकते हैं।

    v1.2.5 और उससे पुराने संस्करणों में, ऐसे एलिमेंट पर क्लिक करने से कुछ भी नहीं होता था और कोई एरर मैसेज भी नहीं दिखता था। अगर आपके साथ ऐसा हो रहा है, तो नीचे "मैं किस संस्करण पर हूं?" में अपना संस्करण देखें और फिर Chrome Web Store से अपडेट करें।

    एक अंतर जो आपको दिखेगा: जब आप एम्बेडेड फ़्रेम के अंदर किसी एलिमेंट पर क्लिक करते हैं, तो फीडबैक पॉपअप एलिमेंट के बगल में नहीं, बल्कि पेज के बीच में खुलता है। एम्बेडेड फ़्रेम अपने आसपास के पेज के साथ स्क्रीन कोऑर्डिनेट साझा नहीं करता, इसलिए ClickSay पॉपअप को सटीक जगह पर नहीं रख सकता। पॉपअप को जहां चाहें वहां खींच लें।

    माइक्रोफ़ोन काम नहीं कर रहा

    ब्राउज़र अनुमतियां जांचें:

    1. मौजूदा साइट के लिए Chrome एड्रेस बार में लॉक/ट्यून आइकन पर क्लिक करें।
    2. सुनिश्चित करें कि "Microphone" "Allow" पर सेट है।
    3. अगर "Block" दिखता है, तो इसे "Allow" में बदलें और पेज रीफ्रेश करें।

    सिस्टम अनुमतियां जांचें:

    • macOS: System Settings > Privacy & Security > Microphone पर जाएं और सुनिश्चित करें कि Chrome लिस्ट में है और सक्षम है।
    • Windows: Settings > Privacy > Microphone पर जाएं और सुनिश्चित करें कि Chrome को अनुमति है।

    अन्य कारण:

    • कोई अन्य ऐप माइक्रोफ़ोन उपयोग कर रहा हो सकता है (Zoom, Teams, आदि)। उसे बंद करें और फिर से प्रयास करें।
    • अनुमति देने के बाद पेज रीफ्रेश करने का प्रयास करें।
    • आप हमेशा बोलने के बजाय अपना फीडबैक टाइप कर सकते हैं - माइक वैकल्पिक है।

    आउटपुट क्लिपबोर्ड पर कॉपी नहीं हो रहा

    1. इन-पेज पॉपअप से Enter दबाकर देखें - इसकी सफलता दर सबसे अधिक है।
    2. साइड पैनल से Cmd+Return (Mac) या Ctrl+Enter (Windows/Linux) दबाकर देखें।
    3. सुनिश्चित करें कि कोई अन्य एक्सटेंशन क्लिपबोर्ड राइट को इंटरसेप्ट नहीं कर रहा।
    4. कुछ पेज क्लिपबोर्ड एक्सेस प्रतिबंधित करते हैं। साइड पैनल खोलें और वहां कॉपी बटन का उपयोग बैकअप के रूप में करें।

    कॉपी सफल होने पर, स्क्रीन के नीचे "Copied!" टोस्ट सूचना संक्षिप्त रूप से दिखाई देती है। अगर यह सूचना नहीं दिखती, तो कॉपी सफल नहीं हुई हो सकती।

    साइड पैनल नहीं खुल रहा

    1. Chrome टूलबार में ClickSay आइकन पर क्लिक करें। "Capture Element" और "Open Side Panel" वाला पॉपअप मेन्यू दिखाई देगा।
    2. "Open Side Panel" पर क्लिक करें।
    3. अगर ClickSay आइकन नहीं दिखता, तो पज़ल पीस आइकन (एक्सटेंशन) पर क्लिक करें और ClickSay पिन करें।
    4. अगर पॉपअप नहीं दिखता, तो Chrome रीस्टार्ट करने का प्रयास करें।

    कैप्चर सीमा पूरी हो गई

    Free प्लान प्रति माह 20 कैप्चर की अनुमति देता है। आपका उपयोग प्रत्येक कैलेंडर माह की शुरुआत में स्वचालित रूप से रीसेट होता है। अपनी वर्तमान गिनती के लिए साइड पैनल में अकाउंट सेक्शन जांचें। असीमित कैप्चर के लिए Pro में अपग्रेड करें।

    एक्सटेंशन "corrupted" दिखा रहा है या मरम्मत की आवश्यकता है

    इसका आमतौर पर मतलब है कि फ़ाइलें संशोधित या हटा दी गई हैं (अक्सर एंटीवायरस सॉफ़्टवेयर द्वारा - ऊपर एंटीवायरस सेक्शन देखें)।

    1. अपने ब्राउज़र में chrome://extensions पर जाएं।
    2. ClickSay ढूंढें और अगर "Repair" विकल्प उपलब्ध है तो उस पर क्लिक करें।
    3. अगर वह काम नहीं करता, तो एक्सटेंशन हटाएं और Chrome Web Store से फिर से इंस्टॉल करें।
    4. आपकी सेटिंग्स और इतिहास अलग से संग्रहीत हैं और रीइंस्टॉल के बाद संरक्षित रहेंगे।

    ClickSay धीमा है या प्रतिक्रिया नहीं दे रहा

    1. जांचें कि क्या बहुत सारे एक्सटेंशन चल रहे हैं। परीक्षण के लिए अन्य को अस्थायी रूप से अक्षम करें।
    2. Chrome रीस्टार्ट करने का प्रयास करें।
    3. Chrome के Task Manager (Shift+Esc) की जांच करें कि ClickSay का service worker असामान्य संसाधन तो उपयोग नहीं कर रहा।
    4. अगर Chrome रीस्टार्ट के बाद भी समस्या बनी रहती है, तो एक्सटेंशन फिर से इंस्टॉल करने का प्रयास करें।

    मैं किस संस्करण पर हूं?

    साइड पैनल खोलें - संस्करण संख्या नीचे, हेल्प लिंक के बगल में दिखाई जाती है।

    अभी भी मदद चाहिए?

    • नवीनतम जानकारी के लिए https://clicksay.net पर जाएं
    • यह हेल्प पेज खोलने के लिए साइड पैनल फुटर में "Not working? Get help" लिंक पर क्लिक करें
    • सुनिश्चित करें कि आप नवीनतम संस्करण पर हैं (Chrome एक्सटेंशन स्वचालित रूप से अपडेट करता है, लेकिन आप chrome://extensions पर डेवलपर मोड सक्षम करके अपडेट की जांच कर सकते हैं)

    3. ClickSay कैसे उपयोग करें

    क्लिक-बोलो-पेस्ट वर्कफ़्लो

    ClickSay एक सरल तीन-चरणीय वर्कफ़्लो का पालन करता है:

    चरण 1: क्लिक

    इनमें से किसी भी तरीके से कैप्चर मोड सक्रिय करें:

    • Cmd+Shift+K (Mac) या Ctrl+Shift+K (Windows/Linux) दबाएं
    • टूलबार में ClickSay आइकन पर क्लिक करें और पॉपअप मेन्यू से "Capture Element" चुनें
    • पेज पर किसी भी एलिमेंट पर राइट-क्लिक करें और "ClickSay this element" चुनें

    कैप्चर मोड सक्रिय होने के बाद, होवर करने पर एलिमेंट नारंगी बॉर्डर से हाइलाइट होते हैं। जिस एलिमेंट पर फीडबैक देना चाहते हैं उस पर क्लिक करें।

    चरण 2: बोलें (या टाइप करें)

    एलिमेंट पर क्लिक करने के बाद, उसके पास एक पॉपअप दिखाई देता है। माइक्रोफ़ोन स्वचालित रूप से सक्रिय हो जाता है और आपको पॉपअप में "Listening..." दिखाई देगा।

    • अपना फीडबैक स्वाभाविक रूप से बोलें: "padding ठीक करो," "इसे बड़ा करो," "font sans-serif में बदलो।"
    • अगर वॉइस नहीं चाहते तो पॉपअप के टेक्स्ट एरिया में टाइप करें। जब आप टाइप करना शुरू करते हैं, तो माइक्रोफ़ोन स्वचालित रूप से रुक जाता है ताकि वॉइस ट्रांसक्रिप्ट टाइप किए गए टेक्स्ट के साथ न मिले।
    • दोनों मिलाएं - आप बोल सकते हैं और फिर टाइप करके संपादित या जोड़ सकते हैं। कोई भी की दबाते ही माइक रुक जाता है, इसलिए वॉइस और कीबोर्ड इनपुट में कोई विरोध नहीं।
    • सजेशन चिप टैप करें - आपने जिस एलिमेंट पर क्लिक किया उसके अनुसार संदर्भ-जागरूक त्वरित-फीडबैक बटन दिखते हैं। किसी पर टैप करें और वह टेक्स्ट तुरंत डाल दिया जाएगा।

    चरण 3: पेस्ट

    जब आपका फीडबैक पूरा हो जाए:

    • पॉपअप में Enter दबाएं - रिकॉर्डिंग बंद होती है और प्रॉम्प्ट क्लिपबोर्ड पर कॉपी होता है। "Copied!" टोस्ट सूचना पुष्टि करती है।
    • या माइक आइकन पर क्लिक करके रिकॉर्डिंग बंद करें, फिर Enter दबाकर कॉपी करें।
    • Cmd+V / Ctrl+V से अपने AI टूल में पेस्ट करें।

    स्पीच भाषा बदलें

    आप पेज छोड़े बिना सीधे फीडबैक पॉपअप से वॉइस रिकॉग्निशन भाषा बदल सकते हैं।

    1. फीडबैक पॉपअप में, भाषा ड्रॉपडाउन खोजें (जैसे "EN" या "HI" जैसा कॉम्पैक्ट भाषा कोड दिखाता है)।
    2. ड्रॉपडाउन पर क्लिक करें और 20 समर्थित भाषाओं में से अपनी पसंदीदा भाषा चुनें।
    3. आपकी पसंद स्वचालित रूप से सेव होती है और सत्रों में बनी रहती है।
    4. अगर माइक्रोफ़ोन पहले से रिकॉर्डिंग कर रहा है, तो रिकॉग्निशन तुरंत नई भाषा में पुनः शुरू होता है।

    आप ऑप्शन पेज से भी स्पीच भाषा सेट कर सकते हैं (देखें सेटिंग्स)।

    Sweep मोड (एकाधिक एलिमेंट)

    Sweep मोड आपको कई एलिमेंट चुनने और सभी के लिए एक ही फीडबैक देने की सुविधा देता है। यह एक Pro फ़ीचर है।

    1. कैप्चर मोड सक्रिय करें (Cmd+Shift+K)।
    2. Shift दबाए रखें और हर उस एलिमेंट पर क्लिक करें जिसे शामिल करना चाहते हैं। प्रत्येक क्लिक किए गए एलिमेंट को एक नंबर वाला बैज मिलता है।
    3. चयन पूरा होने पर, अंतिम एलिमेंट पर बिना Shift दबाए क्लिक करें।
    4. पॉपअप दिखाई देता है। अपना फीडबैक बोलें - यह सभी चयनित एलिमेंट पर लागू होता है।
    5. Enter दबाएं। सभी एलिमेंट को कवर करने वाला एक संरचित प्रॉम्प्ट क्लिपबोर्ड पर कॉपी हो जाता है।

    सजेशन चिप्स

    पॉपअप दिखाई देने पर, आपको आम फीडबैक वाक्यांशों वाले छोटे क्लिक करने योग्य बटन दिखेंगे। इन्हें सजेशन चिप्स कहा जाता है, और ये एलिमेंट प्रकार के अनुसार बदलते हैं:

    • बटन/लिंक: "Change the text," "Fix hover state," "Make more prominent," "Change color"
    • इमेज: "Replace this image," "Fix aspect ratio," "Add alt text," "Make responsive"
    • फॉर्म इनपुट: "Change placeholder," "Fix validation," "Resize this field," "Add label"
    • हेडिंग: "Change text," "Adjust size," "Change font weight," "Fix spacing"
    • और अधिक - नेविगेशन, सूचियों, तालिकाओं, flex कंटेनर और grid कंटेनर के लिए।

    किसी चिप पर टैप करें और उसका टेक्स्ट आपके फीडबैक में जुड़ जाएगा। फिर आप उसे संपादित या पूरक कर सकते हैं।

    कॉपी करना

    किसी भी समय Enter दबाकर संरचित प्रॉम्प्ट क्लिपबोर्ड पर कॉपी करें। माइक को पहले बंद करने की ज़रूरत नहीं - आप रिकॉर्डिंग के दौरान Enter दबा सकते हैं और यह अब तक कैप्चर की गई सभी सामग्री का उपयोग करेगा। स्क्रीन के नीचे केंद्र में "Copied!" टोस्ट सूचना संक्षिप्त रूप से दिखाई देती है जो कॉपी सफल होने की पुष्टि करती है।

    आप माइक बटन पर क्लिक करके पहले रिकॉर्डिंग बंद भी कर सकते हैं, फीडबैक की समीक्षा या संपादन कर सकते हैं, और फिर Enter दबाकर कॉपी कर सकते हैं।

    अगर आपके पास Screenshot pill सक्षम है और स्क्रीनशॉट कैप्चर किया गया है, तो इमेज टेक्स्ट प्रॉम्प्ट के साथ क्लिपबोर्ड में शामिल होती है। जब आप Claude.ai, ChatGPT, Word, Google Docs या इमेज पेस्ट सपोर्ट करने वाले अन्य ऐप्स में पेस्ट करते हैं, तो स्क्रीनशॉट एक वास्तविक इमेज अटैचमेंट के रूप में दिखाई देता है, रॉ टेक्स्ट के रूप में नहीं।

    स्क्रीनशॉट डाउनलोड करना

    अगर आप कैप्चर किया गया स्क्रीनशॉट अपने कंप्यूटर पर सेव करना चाहते हैं, तो साइड पैनल में स्क्रीनशॉट कार्ड हेडर में छोटा डाउनलोड आइकन देखें। उस पर क्लिक करने से स्क्रीनशॉट PNG फ़ाइल के रूप में आपके डाउनलोड फ़ोल्डर में सेव हो जाता है।

    सिर्फ़ स्क्रीनशॉट कॉपी करना

    स्क्रीनशॉट कार्ड हेडर में डाउनलोड आइकन के बगल में एक छोटा कॉपी आइकन है। इस पर क्लिक करने से सिर्फ़ स्क्रीनशॉट इमेज क्लिपबोर्ड पर कॉपी होती है - जब आप तस्वीर को Slack, इश्यू ट्रैकर या डॉक में बिना prompt टेक्स्ट के पेस्ट करना चाहते हैं तब काम आता है। मुख्य "Copy to Clipboard" बटन अब भी पूरा structured prompt इमेज सहित कॉपी करता है; यह नया आइकन सिर्फ़ इमेज पेस्ट करने के लिए है।

    खींचने योग्य पॉपअप

    अगर फीडबैक पॉपअप उस एलिमेंट को ढक रहा है जिसे आप देखना चाहते हैं, तो बस इसे हटा दें। पॉपअप के शीर्ष पर हैंडल बार को क्लिक करके स्क्रीन पर कहीं भी खींचें।

    इनलाइन फ़्लो

    आप साइड पैनल खोले बिना सीधे पॉपअप में कैप्चर-से-क्लिपबोर्ड तक पूरा वर्कफ़्लो पूरा कर सकते हैं। एलिमेंट पर क्लिक करें, फीडबैक दें, और प्रॉम्प्ट कॉपी हो जाता है - सब इनलाइन। जब आपको इतिहास, सेटिंग्स, या आउटपुट फॉर्मेट में बदलाव चाहिए तो साइड पैनल अभी भी उपलब्ध है।


    4. आउटपुट फॉर्मेट

    प्रीसेट

    ClickSay चार आउटपुट प्रीसेट प्रदान करता है जो जनरेट किए गए प्रॉम्प्ट में कितना विवरण शामिल होगा, यह नियंत्रित करते हैं।

    Simple (Free)

    एक-पंक्ति, टर्मिनल-अनुकूल फॉर्मेट। केवल पेज URL शामिल करता है।

    उदाहरण:

    For the url: https://myapp.com/dashboard About: Dashboard Overview Make this heading smaller and dark blue
    

    Standard (Free)

    संरचित markdown फॉर्मेट। URL, CSS सेलेक्टर और एलिमेंट टेक्स्ट शामिल करता है।

    उदाहरण:

    ## Feedback
    Make this heading smaller and dark blue
    
    **URL:** https://myapp.com/dashboard
    
    **Element:** `<h1>` `#page-title`
    
    **Selector:** `h1.page-title`
    
    **Text:** "Dashboard Overview"
    

    Detailed (Pro)

    पूर्ण संरचित markdown। URL, सेलेक्टर, टेक्स्ट, HTML, कंप्यूटेड CSS स्टाइल, फ़ाइल पाथ और कंपोनेंट नाम शामिल करता है।

    Full (Pro)

    ClickSay जो कुछ भी कैप्चर करता है वह सब। Detailed की सभी सामग्री के अलावा पैरेंट कॉन्टेक्स्ट HTML, स्क्रीनशॉट और एक्सेसिबिलिटी ऑडिट परिणाम शामिल करता है।

    Free प्लान की एट्रिब्यूशन

    Free प्लान पर, प्रॉम्प्ट में एक छोटा एट्रिब्यूशन फुटर शामिल होता है: [Captured with ClickSay - clicksay.net]। यह ClickSay को प्रचारित करने में मदद करता है। Pro उपयोगकर्ताओं को बिना ब्रांडिंग की साफ आउटपुट मिलती है।

    Pills (व्यक्तिगत टॉगल)

    प्रत्येक कैप्चर किया गया डेटा साइड पैनल में एक टॉगल करने योग्य "pill" (स्विच बटन) से मेल खाता है। आप अपनी आउटपुट को अनुकूलित करने के लिए व्यक्तिगत डेटा फ़ील्ड को चालू या बंद कर सकते हैं।

    Pillक्या शामिल हैFree
    URLपेज URLहां
    SelectorCSS सेलेक्टरहां
    Textएलिमेंट का आंतरिक टेक्स्टहां
    HTMLएलिमेंट का बाहरी HTMLहां
    Stylesकंप्यूटेड CSS स्टाइलहां
    Contextपैरेंट एलिमेंट HTML (3 स्तर ऊपर)हां
    File Pathरिज़ॉल्व किया गया सोर्स फ़ाइल पाथहां
    Screenshotहाइलाइट ओवरले के साथ स्क्रीनशॉटकेवल Pro
    Componentफ्रेमवर्क कंपोनेंट नाम और पाथकेवल Pro
    A11yएक्सेसिबिलिटी ऑडिट निष्कर्षकेवल Pro

    आउटपुट कैसे अनुकूलित करें

    1. टूलबार में ClickSay आइकन पर क्लिक करें और पॉपअप मेन्यू से "Open Side Panel" चुनकर साइड पैनल खोलें।
    2. Output Format सेक्शन में, आधार कॉन्फ़िगरेशन से शुरू करने के लिए एक प्रीसेट बटन पर क्लिक करें।
    3. शामिल डेटा को फ़ाइन-ट्यून करने के लिए व्यक्तिगत pills को चालू या बंद करें।
    4. आपके चयन स्वचालित रूप से सेव होते हैं और सत्रों में बने रहते हैं।

    जब आप मैन्युअल रूप से pills टॉगल करते हैं, तो सक्रिय प्रीसेट हाइलाइट यह दिखाने के लिए अपडेट होता है कि आपका कॉन्फ़िगरेशन किसी प्रीसेट से बिल्कुल मेल खाता है या नहीं।


    5. साइड पैनल

    साइड पैनल ClickSay का मुख्य नियंत्रण सतह है। इसे टूलबार में ClickSay आइकन पर क्लिक करके, फिर पॉपअप मेन्यू से "Open Side Panel" चुनकर खोलें।

    हर चीज़ क्या करती है (ऊपर से नीचे)

    हेडर

    • ClickSay ब्रांड नाम, प्लान बैज (PRO या Free) के साथ।
    • Upgrade लिंक (Free यूज़र्स के लिए दृश्यमान) - प्राइसिंग पेज खोलता है।
    • Capture बटन - मौजूदा टैब पर फीडबैक मोड सक्रिय करता है। आप सीधे टूलबार पॉपअप मेन्यू से "Capture Element" पर क्लिक करके भी कैप्चर शुरू कर सकते हैं।
    • Clear बटन - सारा इतिहास हटाता है। कुछ भी हटाने से पहले पुष्टि डायलॉग दिखाई देता है, इसलिए आप गलती से इतिहास नहीं खोएंगे।
    • निष्क्रियता संकेत: अगर साइड पैनल एक मिनट से खुला है और इस महीने आपने अभी तक एक भी कैप्चर नहीं किया है, तो Capture बटन के नीचे एक छोटा नारंगी कार्ड "Stuck? Click Capture Element above..." दिखाई देता है। पसंद नहीं तो "x" से बंद कर दें। यह केवल नए यूज़र्स को दिखता है; जैसे ही आप कुछ कैप्चर कर लेते हैं, यह नहीं दिखता।

    आउटपुट फॉर्मेट सेक्शन

    • प्रीसेट पंक्ति: चार बटन - Simple, Standard, Detailed, Full। Free यूज़र्स के लिए Detailed और Full लॉक आइकन दिखाते हैं।
    • Pill टॉगल: व्यक्तिगत डेटा फ़ील्ड के लिए दस चेकबॉक्स। Pro-केवल pills (Screenshot, Component, A11y) Free यूज़र्स के लिए लॉक आइकन दिखाते हैं।

    कैप्चर व्यू

    एलिमेंट कैप्चर करने के बाद, यह सेक्शन दिखाता है:

    • एलिमेंट कार्ड: टैग नाम, CSS सेलेक्टर और एलिमेंट टेक्स्ट का प्रीव्यू।
    • स्क्रीनशॉट कार्ड: एलिमेंट पर नारंगी हाइलाइट के साथ कैप्चर किया गया स्क्रीनशॉट (अगर लिया गया हो)। कार्ड हेडर में दो छोटे आइकन: एक कॉपी आइकन (सिर्फ़ इमेज को क्लिपबोर्ड पर डालता है) और एक डाउनलोड आइकन (इमेज को PNG फ़ाइल के रूप में सेव करता है)।
    • फीडबैक कार्ड: आपके वॉइस-ट्रांसक्राइब्ड या टाइप किए गए फीडबैक दिखाने वाला टेक्स्ट एरिया। रिकॉर्डिंग शुरू/बंद करने के लिए माइक बटन शामिल है।
    • टारगेट फ़ाइल कार्ड: स्वचालित रूप से पहचाना गया या मैन्युअल रूप से दर्ज किया गया फ़ाइल पाथ। जब पाथ मैपिंग नियमों से रिज़ॉल्व किया गया हो तो "Auto-detected" लेबल दिखाई देता है।
    • Copy to Clipboard बटन Cmd+Return शॉर्टकट संकेत के साथ।

    अकाउंट / प्लान सेक्शन

    • आपका वर्तमान प्लान (Free या Pro) दिखाता है।
    • Free यूज़र्स के लिए: कैप्चर उपयोग काउंटर दिखाता है (जैसे, "3/20 इस महीने")।
    • Upgrade या Manage लिंक।

    इतिहास सेक्शन

    • तारीख-अनुसार समूहित इतिहास आइटम (आज, कल, या विशिष्ट तिथियां)।
    • प्रत्येक आइटम टाइमस्टैम्प, एलिमेंट टैग, पेज होस्टनाम और छोटा किया गया फीडबैक टेक्स्ट दिखाता है।
    • कैप्चर व्यू में रीलोड करने के लिए किसी आइटम पर क्लिक करें।
    • प्रत्येक आइटम में एक कॉपी बटन (प्रॉम्प्ट फिर से कॉपी करने के लिए) और एक डिलीट बटन है।
    • बैच एक्शन: आइटम चुने जाने पर "Copy Selected" और "Select All" बटन दिखाई देते हैं।

    स्टोरेज प्रबंधन

    • Storage used: ClickSay कितना लोकल स्टोरेज उपयोग कर रहा है दिखाता है (जैसे, "2.3 MB")।
    • Auto-purge ड्रॉपडाउन: इतिहास कितने समय तक रखना है चुनें - 7 दिन, 30 दिन, 60 दिन, 90 दिन, या कभी नहीं। Free यूज़र्स 7 दिन तक सीमित हैं।
    • Purge Images Now: आपका टेक्स्ट इतिहास रखते हुए सभी संग्रहीत स्क्रीनशॉट हटाता है।

    पैनल फुटर

    • एक्सटेंशन का मौजूदा संस्करण साइड पैनल के नीचे दिखाया जाता है।
    • "Not working? Get help" लिंक clicksay.net/help पर समस्या निवारण गाइड खोलता है।

    6. सेटिंग्स

    ऑप्शन पेज तक पहुंचें

    टूलबार में ClickSay आइकन पर राइट-क्लिक करें और Options चुनें। या अपने Chrome एक्सटेंशन पेज पर जाएं, ClickSay ढूंढें, और "Details" फिर "Extension options" पर क्लिक करें।

    स्पीच भाषा

    ऑप्शन पेज में एक ड्रॉपडाउन आपको वॉइस रिकॉग्निशन भाषा चुनने देता है। ClickSay वॉइस इनपुट के लिए 20 भाषाओं का समर्थन करता है, जिसमें अंग्रेज़ी, स्पेनिश, फ्रेंच, जर्मन, चीनी, जापानी, कोरियाई, हिंदी, अरबी, पुर्तगाली और अन्य शामिल हैं। चयनित भाषा निर्धारित करती है कि जब आप माइक्रोफ़ोन में बोलते हैं तो स्पीच रिकॉग्निशन इंजन कौन सी भाषा उपयोग करता है।

    आप फीडबैक पॉपअप में इनलाइन भाषा सेलेक्टर से भी स्पीच भाषा बदल सकते हैं (देखें स्पीच भाषा बदलें)।

    Project Root

    आपकी लोकल मशीन पर आपके प्रोजेक्ट की बेस डायरेक्टरी। उदाहरण:

    /Users/you/projects/my-app
    

    इसका उपयोग आउटपुट में फ़ाइल पाथ रिज़ॉल्व करने के लिए किया जाता है। जब ClickSay किसी कंपोनेंट का पता लगाता है या URL को फ़ाइल से मैप करता है, तो पूर्ण पाथ बनाने के लिए project root प्रीपेंड किया जाता है।

    URL-to-File Mapping

    रीजेक्स-आधारित नियम जो URL पैटर्न को सोर्स फ़ाइल पाथ से मैप करते हैं। यह तब उपयोगी है जब स्वचालित फ्रेमवर्क डिटेक्शन सही फ़ाइल नहीं ढूंढता।

    ClickSay सामान्य सेटअप के लिए प्रीसेट शामिल करता है:

    • Static Site - URL को सीधे फ़ाइल पाथ से मैप करता है
    • Next.js - रूट को app/ डायरेक्टरी संरचना से मैप करता है
    • SvelteKit - रूट को src/routes/ संरचना से मैप करता है
    • React (CRA) - src/ डायरेक्टरी संरचना से मैप करता है

    कस्टम नियम जोड़ने के लिए:

    1. URL रीजेक्स पैटर्न दर्ज करें (जैसे, /dashboard/(.*))
    2. फ़ाइल पाथ टेम्प्लेट दर्ज करें (जैसे, src/pages/dashboard/$1.tsx)
    3. Save Settings पर क्लिक करें

    लाइसेंस की

    ClickSay Pro खरीदने के बाद:

    1. आपको clicksay.net पर रीडायरेक्ट किया जाता है जहां आपकी लाइसेंस की दिखाई जाती है।
    2. की स्वचालित रूप से एक्सटेंशन को भेजी जाती है - Pro फ़ीचर्स तुरंत अनलॉक हो जाते हैं, कोई मैन्युअल कदम नहीं।

    मैन्युअल एक्टिवेशन (बैकअप): अगर ऑटो-एक्टिवेशन काम नहीं किया (जैसे दूसरा ब्राउज़र या एक्सटेंशन अभी तक इंस्टॉल नहीं), तो सक्सेस पेज पर दिखाई गई की कॉपी करें। फिर साइड पैनल खोलें, Unlock Pro कार्ड के अंदर Already have a key? Activate it पर क्लिक करें, की पेस्ट करें और Activate पर क्लिक करें। चाहें तो ऑप्शन पेज पर भी वही Pro License फ़ील्ड उपलब्ध है (ClickSay आइकन पर राइट-क्लिक > Options)।

    एक्टिव होने के बाद की मास्क की जाती है। साइड पैनल और ऑप्शन पेज दोनों पहले 6 और अंतिम 4 अक्षर दिखाते हैं (जैसे CSPRO·····103a), पूरी की देखने के लिए Show बटन होता है। स्टेटस लाइन पर आपका खाता ईमेल और रिन्यूअल तिथि दिखाई देती है। Deactivate बटन इस डिवाइस से की हटा देता है।


    7. Free vs Pro

    Free में क्या शामिल है

    फ़ीचरFree प्लान
    कैप्चरप्रति माह 20
    आउटपुट प्रीसेटSimple और Standard
    PillsURL, Selector, Text, HTML, Styles, Context, File Path
    इतिहास रिटेंशनअधिकतम 7 दिन
    Sweep मोडउपलब्ध नहीं
    आउटपुट ब्रांडिंग"Captured with ClickSay" फुटर शामिल

    Pro में क्या शामिल है

    फ़ीचरPro प्लान
    कैप्चरअसीमित
    आउटपुट प्रीसेटसभी चार (Simple, Standard, Detailed, Full)
    Pillsसभी 10 (Screenshot, Component, A11y सहित)
    इतिहास रिटेंशनअसीमित ("कभी न पर्ज करें" विकल्प सहित)
    Sweep मोडउपलब्ध
    फ्रेमवर्क डिटेक्शनपूर्ण कंपोनेंट नाम, पाथ और रूट
    एक्सेसिबिलिटी ऑडिटपूर्ण ऑडिट आउटपुट में
    Auto-purge विकल्प7, 30, 60, 90 दिन या कभी नहीं
    आउटपुट ब्रांडिंगसाफ आउटपुट, कोई एट्रिब्यूशन फुटर नहीं

    मूल्य

    • Free: $0
    • Pro Monthly: $7/महीना
    • Pro Yearly: $45/वर्ष (46% बचत)

    Pro में अपग्रेड कैसे करें

    आप दो तरीकों से Pro में अपग्रेड कर सकते हैं:

    साइड पैनल से:

    1. साइड पैनल हेडर या अकाउंट सेक्शन में Upgrade लिंक पर क्लिक करें।
    2. यह https://clicksay.net/#pricing पर प्राइसिंग पेज खोलता है।
    3. Stripe चेकआउट शुरू करने के लिए Go Pro पर क्लिक करें।

    अपग्रेड ओवरले से:

    1. जब आप अपनी मुफ्त कैप्चर सीमा तक पहुंचते हैं, तो अपग्रेड विकल्पों के साथ एक इन-पेज ओवरले दिखाई देता है।
    2. Stripe चेकआउट शुरू करने के लिए ओवरले पर Go Pro पर क्लिक करें।

    भुगतान के बाद, एक लाइसेंस की जनरेट होती है और स्वचालित रूप से आपके एक्सटेंशन को भेजी जाती है। अगर ऑटो-एक्टिवेशन काम नहीं करता, तो सक्सेस पेज से की कॉपी करें और ऑप्शन पेज में दर्ज करें (ClickSay आइकन पर राइट-क्लिक > Options > Pro License > Activate पर क्लिक करें)।

    उपयोग सीमा और रीसेट

    • कैप्चर उपयोग काउंटर प्रत्येक कैलेंडर माह की शुरुआत में रीसेट होता है।
    • उपयोग साइड पैनल के अकाउंट सेक्शन में दिखाया जाता है।
    • जब आप अपनी कैप्चर सीमा तक पहुंचते हैं, तो अपग्रेड विकल्पों के साथ एक इन-पेज ओवरले दिखाई देता है।

    8. कीबोर्ड शॉर्टकट

    शॉर्टकटकहांक्या करता है
    `Cmd+Shift+K` (Mac) / `Ctrl+Shift+K` (Win/Linux)कोई भी वेब पेजकैप्चर मोड सीधे सक्रिय करें (टूलबार पॉपअप मेन्यू को बायपास करता है)
    `Escape`कैप्चर मोड के दौरानकैप्चर मोड रद्द करें
    `Escape`रिकॉर्डिंग के दौरानरिकॉर्डिंग बंद करें और पॉपअप बंद करें
    `Escape`पॉपअप खुला होने परपॉपअप बंद करें
    `Shift+Click`कैप्चर मोड के दौरानSweep कलेक्शन में एलिमेंट जोड़ें (Pro)
    `Enter`पॉपअप टेक्स्ट एरिया मेंरिकॉर्डिंग बंद करें और क्लिपबोर्ड पर कॉपी करें
    `Shift+Enter`पॉपअप टेक्स्ट एरिया मेंनई लाइन डालें (सबमिट नहीं करता)
    `Cmd+Return` (Mac) / `Ctrl+Enter` (Win/Linux)साइड पैनल मेंक्लिपबोर्ड पर कॉपी करें

    कॉन्टेक्स्ट मेन्यू

    किसी वेब पेज पर किसी भी एलिमेंट पर राइट-क्लिक करें और उस एलिमेंट के लिए कैप्चर मोड सक्रिय करने के लिए ClickSay this element चुनें।

    शॉर्टकट कस्टमाइज़ करना

    अगर Cmd+Shift+K / Ctrl+Shift+K काम नहीं करता या किसी अन्य एक्सटेंशन से टकराता है:

    1. अपने ब्राउज़र में chrome://extensions/shortcuts पर जाएं।
    2. "ClickSay - Vibe Code 20x Faster" ढूंढें।
    3. "Activate ClickSay feedback mode" के बगल में पेंसिल आइकन पर क्लिक करें।
    4. अपना पसंदीदा शॉर्टकट रिकॉर्ड करें।

    9. गोपनीयता एवं सुरक्षा

    सारा डेटा स्थानीय रहता है

    ClickSay पूरी तरह से आपके ब्राउज़र के भीतर काम करता है। सभी प्रोसेसिंग - DOM कैप्चर, वॉइस रिकॉग्निशन, प्रॉम्प्ट फॉर्मेटिंग, स्क्रीनशॉट कैप्चर - आपकी मशीन पर होती है। कोई ClickSay सर्वर आपके डेटा को प्रोसेस नहीं करता।

    ब्राउज़र में क्या रहता है

    • सभी कैप्चर किए गए एलिमेंट डेटा (सेलेक्टर, HTML, स्टाइल, आदि)
    • सभी वॉइस फीडबैक टेक्स्ट
    • सभी स्क्रीनशॉट
    • फीडबैक इतिहास
    • आपकी सेटिंग्स (आउटपुट प्राथमिकताएं, मैपिंग नियम)

    ब्राउज़र से क्या बाहर जाता है

    डेटा केवल इन स्थितियों में आपके ब्राउज़र से बाहर जाता है, और ये सभी आपके द्वारा शुरू किए जाते हैं:

    1. क्लिपबोर्ड कॉपी - जब आप प्रॉम्प्ट कॉपी करते हैं, तो यह सिस्टम क्लिपबोर्ड पर जाता है।
    2. लाइसेंस सत्यापन - अगर आपके पास Pro लाइसेंस की है, तो एक्सटेंशन इसे https://clicksay.net/api/license/validate पर सत्यापित करता है। इस अनुरोध में केवल लाइसेंस की होती है - कोई फीडबैक, स्क्रीनशॉट या उपयोगकर्ता डेटा नहीं।

    कोई ट्रैकिंग नहीं

    • किसी भी प्रकार की कोई एनालिटिक्स या टेलीमेट्री नहीं।
    • कोई कुकी या ट्रैकिंग स्क्रिप्ट नहीं।
    • कोई उपयोगकर्ता खाता या प्रमाणीकरण नहीं (Pro लाइसेंस की उपयोग करता है, खाता नहीं)।
    • एक्सटेंशन नहीं जानता कि किसने इसे इंस्टॉल किया या इसका कैसे उपयोग किया जा रहा है।

    अनुमतियां समझाई गई

    अनुमतिइसकी आवश्यकता क्यों है
    activeTabजब आप क्लिक करते हैं तो एलिमेंट डेटा कैप्चर करने के लिए वर्तमान टैब तक पहुंच। केवल तब सक्रिय जब आप एक्सटेंशन ट्रिगर करते हैं।
    sidePanelClickSay साइड पैनल दिखाने के लिए।
    storageआपका इतिहास, सेटिंग्स और स्क्रीनशॉट स्थानीय रूप से संग्रहीत करने के लिए।
    contextMenusराइट-क्लिक मेन्यू में "ClickSay this element" जोड़ने के लिए।
    scriptingजब आप कैप्चर मोड सक्रिय करते हैं तो सक्रिय टैब में कैप्चर स्क्रिप्ट इंजेक्ट करने के लिए।
    clipboardWriteप्रॉम्प्ट को क्लिपबोर्ड पर कॉपी करने के लिए।
    offscreenउन मामलों में क्लिपबोर्ड फ़ॉलबैक जहां अन्य कॉपी विधियां काम नहीं करतीं।
    alarmsपुराने स्क्रीनशॉट की दैनिक सफाई शेड्यूल करने के लिए।

    कोई ब्लैंकेट होस्ट अनुमतियां नहीं

    ClickSay activeTab अनुमति का उपयोग करता है, जो केवल उस टैब तक पहुंच देता है जिसके साथ आप सक्रिय रूप से इंटरैक्ट कर रहे हैं, और केवल तब जब आप स्पष्ट रूप से एक्सटेंशन ट्रिगर करते हैं। केवल वे साइट जहां ClickSay स्वचालित रूप से content script चलाता है वे हैं clicksay.net और www.clicksay.net - यह केवल खरीद के बाद आपकी लाइसेंस की प्राप्त करने के लिए है।


    10. अक्सर पूछे जाने वाले प्रश्न

    क्या मैं किसी भी वेबसाइट पर ClickSay का उपयोग कर सकता/सकती हूं?

    हां। ClickSay किसी भी URL पर काम करता है - केवल localhost पर नहीं। अपवाद: Chrome आंतरिक पेज (chrome://), Chrome Web Store, और अन्य प्रतिबंधित ब्राउज़र URLs।

    जो पेज अपना कंटेंट एम्बेडेड फ़्रेम में रखते हैं, जैसे Claude artifacts या StackBlitz प्रीव्यू, वे v1.2.6 से समर्थित हैं।

    क्या मुझे वॉइस का उपयोग करना ज़रूरी है? क्या मैं सिर्फ टाइप कर सकता/सकती हूं?

    हां, आप बोलने के बजाय अपना फीडबैक टाइप कर सकते हैं। एलिमेंट पर क्लिक करने के बाद, बस पॉपअप के टेक्स्ट एरिया में टाइप करें। जब आप टाइप करना शुरू करते हैं तो माइक्रोफ़ोन स्वचालित रूप से रुक जाता है, इसलिए वॉइस और कीबोर्ड इनपुट में कोई विरोध नहीं। आप वॉइस और टाइपिंग को मिला भी सकते हैं - पहले बोलें, फिर टाइप करके संपादित करें या टेक्स्ट जोड़ें।

    क्या मैं अपनी भाषा में ClickSay उपयोग कर सकता/सकती हूं?

    हां। ClickSay वॉइस रिकॉग्निशन के लिए 20 भाषाओं का समर्थन करता है। आप फीडबैक पॉपअप में इनलाइन भाषा सेलेक्टर या ऑप्शन पेज से स्पीच भाषा बदल सकते हैं। इंटरफ़ेस लेबल अंग्रेज़ी में रहते हैं, लेकिन वॉइस इनपुट आपकी चुनी भाषा में काम करता है।

    कौन से AI टूल ClickSay के साथ काम करते हैं?

    ClickSay एक संरचित प्रॉम्प्ट को क्लिपबोर्ड पर कॉपी करता है। आप इसे किसी भी AI टूल में पेस्ट कर सकते हैं जो टेक्स्ट इनपुट स्वीकार करता है: Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, ChatGPT, या कोई अन्य AI सहायक।

    क्या ClickSay मेरा डेटा सर्वर पर भेजता है?

    नहीं। सभी प्रोसेसिंग आपके ब्राउज़र में होती है। एकमात्र नेटवर्क अनुरोध लाइसेंस की सत्यापन है (केवल Pro उपयोगकर्ता)। पूर्ण विवरण के लिए गोपनीयता एवं सुरक्षा सेक्शन देखें।

    ClickSay कौन से फ्रेमवर्क पहचानता है?

    React, Vue (2 और 3), Angular, Svelte, Next.js, और SvelteKit। डिटेक्शन डेवलपमेंट बिल्ड पर सबसे अच्छा काम करता है। प्रोडक्शन बिल्ड उस डीबगिंग डेटा को हटा सकते हैं जिसका ClickSay डिटेक्शन के लिए उपयोग करता है।

    क्या मैं एक साथ कई एलिमेंट कैप्चर कर सकता/सकती हूं?

    हां, Sweep मोड (केवल Pro) का उपयोग करके। Shift दबाए रखें और प्रत्येक एलिमेंट पर क्लिक करें जिसे शामिल करना चाहते हैं, फिर Shift छोड़ें और अंतिम एलिमेंट पर क्लिक करें। एक बार अपना फीडबैक बोलें और यह सभी चयनित एलिमेंट पर लागू होता है।

    Free प्लान की सीमाएं कब रीसेट होती हैं?

    कैप्चर उपयोग काउंटर प्रत्येक कैलेंडर माह की शुरुआत में रीसेट होता है। आपको कुछ करने की ज़रूरत नहीं - काउंटर स्वचालित रूप से रीसेट होता है।

    क्या मैं पिछली कैप्चर को फिर से कॉपी कर सकता/सकती हूं?

    हां। साइड पैनल खोलें और अपने इतिहास में कैप्चर ढूंढें। इसका प्रॉम्प्ट फिर से कॉपी करने के लिए इतिहास आइटम पर कॉपी बटन (क्लिपबोर्ड आइकन) पर क्लिक करें। प्रॉम्प्ट आपकी वर्तमान pill सेटिंग्स के साथ पुनः जनरेट होता है। अगर Screenshot pill सक्षम है और कैप्चर में स्क्रीनशॉट शामिल है, तो इमेज भी क्लिपबोर्ड में शामिल होती है।

    बीच में कैप्चर कैसे रद्द करूं?

    कैप्चर मोड के दौरान किसी भी समय Escape दबाएं। यह पॉपअप बंद करता है और कैप्चर मोड निष्क्रिय करता है।

    प्रॉम्प्ट में "Captured with ClickSay" टेक्स्ट क्या है?

    Free प्लान पर, ClickSay आउटपुट में एक छोटा एट्रिब्यूशन फुटर जोड़ता है। यह AI टूल के प्रदर्शन को प्रभावित नहीं करता। ब्रांडिंग हटाने के लिए Pro में अपग्रेड करें।

    एक्सटेंशन अपडेट कैसे जांचूं?

    Chrome स्वचालित रूप से एक्सटेंशन अपडेट करता है। आप chrome://extensions पर भी जा सकते हैं, "Developer mode" सक्षम करें, और अपडेट की जांच करने के लिए "Update" पर क्लिक करें। साइड पैनल के नीचे संस्करण संख्या जांचें।

    और मदद कहां मिलेगी?

    • नवीनतम जानकारी के लिए https://clicksay.net पर जाएं
    • साइड पैनल फुटर में "Not working? Get help" लिंक पर क्लिक करें
    • लाइव सपोर्ट के लिए clicksay.net पर चैट विजेट का उपयोग करें
    • रिलीज़ नोट्स के लिए https://clicksay.net/#changelog पर What's New सेक्शन देखें

    यह गाइड ClickSay v1.2.4 को कवर करती है। नवीनतम अपडेट के लिए, https://clicksay.net पर जाएं।

    دليل الدعم الذاتي لـ ClickSay

    اللغة: العربية آخر تحديث: أغسطس 2026 إصدار الإضافة: v1.2.6

    هذا المستند هو ترجمة لـ en.md. للحصول على أحدث نسخة، يرجى الرجوع إلى النسخة الإنجليزية الأصلية.


    جدول المحتويات

    1. البدء
    2. استكشاف الأخطاء وإصلاحها
    3. كيفية استخدام ClickSay
    4. تنسيقات الإخراج
    5. اللوحة الجانبية
    6. الإعدادات
    7. Free مقابل Pro
    8. اختصارات لوحة المفاتيح
    9. الخصوصية والأمان
    10. الأسئلة الشائعة

    1. البدء

    ما هو ClickSay؟

    ClickSay هو إضافة لمتصفح Chrome تحول ملاحظات واجهة المستخدم إلى أوامر منظمة جاهزة للذكاء الاصطناعي. بدلا من كتابة أوصاف طويلة لشرح ما تريد تغييره في صفحة ويب، يمكنك ببساطة النقر على عنصر، والتحدث بملاحظتك، ولصق النتيجة في أي أداة برمجة بالذكاء الاصطناعي. ما كان يستغرق دقيقة من الكتابة يأخذ حوالي 8 ثوان مع ClickSay.

    تثبيت ClickSay

    1. قم بزيارة صفحة ClickSay على Chrome Web Store.
    2. انقر على إضافة إلى Chrome.
    3. أكد الأذونات عندما يطلب منك ذلك.
    4. سيظهر رمز ClickSay في شريط أدوات Chrome.

    تثبيت الرمز

    إذا لم تر رمز ClickSay في شريط الأدوات:

    1. انقر على رمز قطعة اللغز (الإضافات) في شريط أدوات Chrome.
    2. ابحث عن "ClickSay - Vibe Code 20x Faster" في القائمة.
    3. انقر على رمز التثبيت بجانبه لإبقائه مرئيا.

    صفحة الترحيب (التثبيت لأول مرة)

    بعد تثبيت ClickSay مباشرة، يفتح تبويب جديد على clicksay.net/welcome مع جولة ارشادية من ثلاث خطوات وزر تجريبي محدد بوضوح. هذه أسرع طريقة لإجراء أول التقاط: افتح اللوحة الجانبية، فعل ClickSay، انقر على زر التجربة، وستحصل على أول prompt في الحافظة في أقل من ثلاثين ثانية. اذا أغلقت التبويب وأردت العودة اليه، افتح clicksay.net/welcome في أي وقت.

    أول عملية التقاط - دليل خطوة بخطوة

    اتبع هذه الخطوات لإجراء أول عملية التقاط:

    1. افتح أي صفحة ويب (مثلا مشروعك على localhost أو أي موقع عام).
    2. اضغط Cmd+Shift+K (Mac) أو Ctrl+Shift+K (Windows/Linux) لتفعيل وضع الالتقاط. سترى حدودا برتقالية عند التمرير فوق العناصر.
    3. انقر على أي عنصر في الصفحة. ستظهر نافذة منبثقة بالقرب من العنصر وسيبدأ الميكروفون تلقائيا.
    4. تحدث بملاحظتك بشكل طبيعي - مثلا، "اجعل هذا الزر أكبر وغير اللون إلى الأزرق."
    5. اضغط Enter لنسخ الأمر المنظم إلى الحافظة. سيظهر إشعار "Copied!" قصير لتأكيد نجاح النسخ.
    6. افتح أداة الذكاء الاصطناعي (Claude Code، Cursor، Windsurf، Lovable، Bolt، Replit، إلخ) والصق بـ Cmd+V / Ctrl+V.

    هذا كل شيء. الذكاء الاصطناعي لديه الآن السياق الكامل - محدد العنصر، الأنماط، HTML وملاحظتك - ويمكنه إجراء التغيير بدقة.


    2. استكشاف الأخطاء وإصلاحها

    هل تواجه مشاكل مع ClickSay؟ ابدأ من هنا. هذه هي المشاكل الأكثر شيوعا وكيفية حلها.

    اختصار لوحة المفاتيح لا يعمل

    هذه هي المشكلة الأكثر شيوعا. Chrome لا يعين الاختصار تلقائيا دائما.

    تحقق مما إذا كان الاختصار معينا:

    1. افتح chrome://extensions/shortcuts في شريط عنوان المتصفح.
    2. ابحث عن "ClickSay - Vibe Code 20x Faster" في القائمة.
    3. انظر إلى الاختصار بجانب "Activate ClickSay feedback mode."
    4. إذا كان يقول "Not set"، فهذه هي المشكلة. انقر على رمز القلم واضغط Cmd+Shift+K (Mac) أو Ctrl+Shift+K (Windows/Linux) لتعيينه.
    5. إذا كان يعرض اختصارا لكنه لا يزال لا يعمل، فقد تكون إضافة أخرى تستخدم نفس تركيبة المفاتيح. حاول تعيين اختصار مختلف أو تحقق من إضافاتك الأخرى بحثا عن تعارضات.

    طرق بديلة لتفعيل ClickSay (بدون اختصار):

    • انقر على رمز ClickSay في شريط أدوات Chrome واختر "Capture Element"
    • انقر بزر الماوس الأيمن على أي عنصر في الصفحة واختر "ClickSay this element"

    ملاحظة: إذا استخدمت الاختصار على صفحة لا يمكن لـ ClickSay حقن content script فيها (مثل صفحات chrome:// أو علامة تبويب جديدة لم يتم تحديثها)، سيفتح ClickSay تلقائيا اللوحة الجانبية كبديل بدلا من الفشل بصمت.

    نصيحة: شاشة الترحيب التي تظهر عند التثبيت الأول تتضمن نصيحة لاستكشاف أخطاء اختصارات لوحة المفاتيح. إذا أغلقتها، الخطوات الرئيسية هي: اذهب إلى chrome://extensions/shortcuts، ابحث عن ClickSay، وعين اختصارك المفضل.

    برنامج مكافحة الفيروسات يمنع ClickSay

    بعض برامج مكافحة الفيروسات (Bitdefender، Norton، Kaspersky، إلخ) قد تعلم أو تحظر إضافات Chrome. إذا توقف ClickSay عن العمل أو اختفى أو أظهر Chrome أخطاء حول الإضافة، فقد يكون برنامج مكافحة الفيروسات يضع ملفات الإضافة في الحجر الصحي.

    علامات أن برنامج مكافحة الفيروسات يمنع ClickSay:

    • الإضافة تختفي فجأة من Chrome أو تظهر كـ "corrupted"
    • Chrome يعرض خطأ مثل "This extension may have been corrupted"
    • الإضافة كانت تعمل ثم توقفت بعد فحص مكافحة الفيروسات
    • سجل مكافحة الفيروسات يظهر اكتشافا متعلقا بإضافات Chrome

    كيفية الإصلاح:

    1. تحقق من الحجر الصحي في برنامج مكافحة الفيروسات. افتح لوحة تحكم مكافحة الفيروسات وابحث عن الملفات المحجورة. إذا رأيت ملفات إضافات Chrome، قم باستعادتها.
    2. أضف استثناء لإضافات Chrome. أضف مجلد إضافات Chrome إلى استثناءات مكافحة الفيروسات:
      • macOS: ~/Library/Application Support/Google/Chrome/Default/Extensions/
      • Windows: C:\Users\<اسمك>\AppData\Local\Google\Chrome\User Data\Default\Extensions\
    3. أعد تثبيت الإضافة بعد استعادة الملفات المحجورة أو إضافة الاستثناء. اذهب إلى Chrome Web Store، ابحث عن ClickSay، وانقر "إضافة إلى Chrome."
    4. أضف ClickSay إلى القائمة البيضاء بمعرف الإضافة. معرف إضافة ClickSay هو cpnmelphcmdcmejmjfnodmpdfifccfhj. بعض برامج مكافحة الفيروسات تسمح بإضافة معرفات إضافات محددة إلى القائمة البيضاء.

    تعليمات خاصة بكل برنامج مكافحة فيروسات:

    • Bitdefender: افتح لوحة تحكم Bitdefender (أو وحدة تحكم GravityZone للمؤسسات). اذهب إلى Quarantine، ابحث عن الملف المعلم، انقر "Restore" و"Add Exclusion." ثم اذهب إلى Protection > Antivirus > Settings > Exclusions وأضف مجلد إضافات Chrome.
    • Norton: افتح Norton، اذهب إلى Settings > Antivirus > Scans and Risks > Exclusions/Low Risks، وأضف مجلد إضافات Chrome.
    • Kaspersky: افتح Kaspersky، اذهب إلى Settings > Threats and Exclusions > Manage Exclusions، وأضف مجلد إضافات Chrome.
    • Windows Defender: افتح Windows Security > Virus & Threat Protection > Manage Settings > Exclusions > Add an Exclusion، وأضف مجلد إضافات Chrome.

    الإضافة لا تعمل على صفحات معينة

    صفحات لا يمكن لـ ClickSay العمل عليها:

    • صفحات chrome:// (الإعدادات، الإضافات، المفضلة، إلخ)
    • Chrome Web Store (chrome.google.com/webstore)
    • صفحات المتصفح الداخلية الأخرى (about:، edge://، إلخ)
    • ملفات PDF المفتوحة في عارض Chrome المدمج

    هذه مقيدة من قبل Chrome نفسه - لا يمكن لأي إضافة العمل عليها. انتقل إلى موقع ويب عادي لاستخدام ClickSay.

    صفحات قد لا يعمل فيها ClickSay:

    • الصفحات ذات سياسات أمان المحتوى (CSP) الصارمة جدا قد تمنع حقن النصوص البرمجية. تحقق من وحدة تحكم المتصفح (F12 > Console) بحثا عن أخطاء CSP.
    • إذا كانت صفحة مفتوحة قبل تثبيت ClickSay، قم بتحديثها أولا.

    المحتوى داخل إطار مضمن (iframe):

    بعض الصفحات تضع محتواها الفعلي داخل إطار مضمن. تعمل بهذه الطريقة كل من Claude artifacts ومعاينات StackBlitz و CodeSandbox وأدوات التصميم أو الدفع المضمنة. يستطيع ClickSay v1.2.6 وما بعده تحديد العناصر داخلها.

    في الإصدار v1.2.5 وما قبله، لم يكن النقر على تلك العناصر يفعل أي شيء على الإطلاق ولم تظهر أي رسالة خطأ. إذا كان هذا يحدث معك، تحقق من إصدارك في "ما هو الإصدار الذي أستخدمه؟" أدناه، ثم حدّث من Chrome Web Store.

    فرق واحد يجب توقعه: عند النقر على عنصر داخل إطار مضمن، تفتح نافذة الملاحظات في وسط الصفحة بدلاً من جانب العنصر. الإطار المضمن لا يشارك إحداثيات الشاشة مع الصفحة المحيطة به، لذلك لا يستطيع ClickSay وضع النافذة بدقة. اسحب النافذة إلى المكان الذي تفضله.

    الميكروفون لا يعمل

    تحقق من أذونات المتصفح:

    1. انقر على رمز القفل/الضبط في شريط عنوان Chrome للموقع الحالي.
    2. تأكد من أن "Microphone" مضبوط على "Allow."
    3. إذا كان يقول "Block"، غيره إلى "Allow" وقم بتحديث الصفحة.

    تحقق من أذونات النظام:

    • macOS: اذهب إلى System Settings > Privacy & Security > Microphone وتأكد من أن Chrome مدرج ومفعل.
    • Windows: اذهب إلى Settings > Privacy > Microphone وتأكد من أن Chrome مسموح به.

    أسباب أخرى:

    • قد يكون تطبيق آخر يستخدم الميكروفون (Zoom، Teams، إلخ). أغلقه وحاول مرة أخرى.
    • حاول تحديث الصفحة بعد منح الإذن.
    • يمكنك دائما كتابة ملاحظاتك بدلا من التحدث - الميكروفون اختياري.

    الإخراج لا ينسخ إلى الحافظة

    1. حاول الضغط على Enter من النافذة المنبثقة في الصفحة - لديها أعلى معدل نجاح.
    2. حاول الضغط على Cmd+Return (Mac) أو Ctrl+Enter (Windows/Linux) من اللوحة الجانبية.
    3. تأكد من أن لا إضافة أخرى تعترض عمليات الكتابة في الحافظة.
    4. بعض الصفحات تقيد الوصول إلى الحافظة. افتح اللوحة الجانبية واستخدم زر النسخ هناك كبديل.

    عند نجاح النسخ، يظهر إشعار "Copied!" قصير في أسفل الشاشة. إذا لم تر هذا الإشعار، قد لا يكون النسخ ناجحا.

    اللوحة الجانبية لا تفتح

    1. انقر على رمز ClickSay في شريط أدوات Chrome. ستظهر قائمة منبثقة بها "Capture Element" و"Open Side Panel."
    2. انقر على "Open Side Panel."
    3. إذا لم تر رمز ClickSay، انقر على رمز قطعة اللغز (الإضافات) في شريط الأدوات وثبت ClickSay.
    4. إذا لم تظهر القائمة المنبثقة، حاول إعادة تشغيل Chrome.

    تم الوصول إلى حد الالتقاط

    خطة Free تسمح بـ 20 التقاطا شهريا. يتم إعادة تعيين استخدامك تلقائيا في بداية كل شهر تقويمي. تحقق من قسم الحساب في اللوحة الجانبية لمعرفة عددك الحالي. قم بالترقية إلى Pro للحصول على التقاطات غير محدودة.

    الإضافة تظهر كـ "corrupted" أو تحتاج إصلاح

    هذا عادة يعني أن الملفات تم تعديلها أو حذفها (غالبا بواسطة برنامج مكافحة الفيروسات - انظر قسم مكافحة الفيروسات أعلاه).

    1. اذهب إلى chrome://extensions في متصفحك.
    2. ابحث عن ClickSay وانقر على "Repair" إذا كان الخيار متاحا.
    3. إذا لم ينجح ذلك، قم بإزالة الإضافة وأعد التثبيت من Chrome Web Store.
    4. إعداداتك وسجلك مخزنة بشكل منفصل وستبقى محفوظة بعد إعادة التثبيت.

    ClickSay بطيء أو لا يستجيب

    1. تحقق مما إذا كان لديك إضافات كثيرة تعمل. قم بتعطيل الأخرى مؤقتا للاختبار.
    2. حاول إعادة تشغيل Chrome.
    3. تحقق من مدير المهام في Chrome (Shift+Esc) لمعرفة ما إذا كان service worker الخاص بـ ClickSay يستخدم موارد غير عادية.
    4. إذا استمرت المشكلة بعد إعادة تشغيل Chrome، حاول إعادة تثبيت الإضافة.

    ما الإصدار الذي أستخدمه؟

    افتح اللوحة الجانبية - رقم الإصدار معروض في الأسفل، بجانب رابط المساعدة.

    هل تحتاج مزيدا من المساعدة؟

    • قم بزيارة https://clicksay.net للحصول على أحدث المعلومات
    • انقر على رابط "Not working? Get help" في تذييل اللوحة الجانبية لفتح صفحة المساعدة هذه
    • تأكد من أنك على أحدث إصدار (Chrome يحدث الإضافات تلقائيا، لكن يمكنك فرض التحقق في chrome://extensions مع تفعيل وضع المطور)

    3. كيفية استخدام ClickSay

    سير عمل انقر-تحدث-الصق

    يتبع ClickSay سير عمل بسيط من ثلاث خطوات:

    الخطوة 1: انقر

    فعل وضع الالتقاط باستخدام أي من هذه الطرق:

    • اضغط Cmd+Shift+K (Mac) أو Ctrl+Shift+K (Windows/Linux)
    • انقر على رمز ClickSay في شريط الأدوات واختر "Capture Element" من القائمة المنبثقة
    • انقر بزر الماوس الأيمن على أي عنصر في الصفحة واختر "ClickSay this element"

    بمجرد تفعيل وضع الالتقاط، تبرز العناصر بحدود برتقالية عند التمرير فوقها. انقر على العنصر الذي تريد إعطاء ملاحظتك عنه.

    الخطوة 2: تحدث (أو اكتب)

    بعد النقر على عنصر، تظهر نافذة منبثقة بالقرب منه. يبدأ الميكروفون تلقائيا وسترى "Listening..." في النافذة المنبثقة.

    • تحدث بملاحظتك بشكل طبيعي: "أصلح الحشوة،" "اجعل هذا أكبر،" "غير الخط إلى sans-serif."
    • اكتب في مربع النص في النافذة المنبثقة إذا كنت تفضل عدم استخدام الصوت. عندما تبدأ بالكتابة، يتوقف الميكروفون مؤقتا تلقائيا حتى لا يتداخل النسخ الصوتي مع النص المكتوب.
    • ادمج الاثنين - يمكنك التحدث ثم التعديل أو الإضافة بالكتابة. يتوقف الميكروفون مؤقتا بمجرد الضغط على مفتاح، فلا يوجد تعارض بين الصوت ولوحة المفاتيح.
    • انقر على شريحة اقتراح - تظهر أزرار ملاحظات سريعة مبنية على السياق بناء على العنصر الذي نقرت عليه. انقر على واحدة لإدراج ذلك النص فورا.

    الخطوة 3: الصق

    عندما تنتهي من ملاحظتك:

    • اضغط Enter في النافذة المنبثقة لإيقاف التسجيل ونسخ الأمر إلى الحافظة. يظهر إشعار "Copied!" قصير لتأكيد النسخ.
    • أو انقر على رمز الميكروفون لإيقاف التسجيل، ثم اضغط Enter للنسخ.
    • الصق النتيجة في أداة الذكاء الاصطناعي بـ Cmd+V / Ctrl+V.

    تغيير لغة التعرف على الكلام

    يمكنك تغيير لغة التعرف على الكلام مباشرة من النافذة المنبثقة للملاحظات دون مغادرة الصفحة.

    1. في النافذة المنبثقة، ابحث عن القائمة المنسدلة للغة (تعرض رمز لغة مختصر مثل "EN" أو "AR").
    2. انقر على القائمة المنسدلة واختر لغتك المفضلة من قائمة 20 لغة مدعومة.
    3. يتم حفظ اختيارك تلقائيا ويستمر بين الجلسات.
    4. إذا كان الميكروفون يسجل بالفعل، يعاد تشغيل التعرف فورا باللغة الجديدة.

    يمكنك أيضا ضبط لغة الكلام من صفحة الخيارات (انظر الإعدادات).

    وضع Sweep (عناصر متعددة)

    وضع Sweep يتيح لك تحديد عناصر متعددة وإعطاء ملاحظة واحدة لجميعها. هذه ميزة Pro.

    1. فعل وضع الالتقاط (Cmd+Shift+K).
    2. اضغط مع الاستمرار على Shift وانقر على كل عنصر تريد تضمينه. كل عنصر يتم النقر عليه يحصل على شارة مرقمة.
    3. عندما تنتهي من التحديد، انقر على العنصر الأخير بدون الضغط على Shift.
    4. تظهر النافذة المنبثقة. تحدث بملاحظتك - تنطبق على جميع العناصر المحددة.
    5. اضغط Enter. يتم نسخ أمر منظم واحد يغطي جميع العناصر إلى الحافظة.

    شرائح الاقتراح

    عندما تظهر النافذة المنبثقة، سترى أزرارا صغيرة قابلة للنقر بعبارات ملاحظات شائعة. تسمى شرائح الاقتراح، وتتغير بناء على نوع العنصر الذي نقرت عليه:

    • أزرار/روابط: "Change the text," "Fix hover state," "Make more prominent," "Change color"
    • صور: "Replace this image," "Fix aspect ratio," "Add alt text," "Make responsive"
    • حقول النماذج: "Change placeholder," "Fix validation," "Resize this field," "Add label"
    • عناوين: "Change text," "Adjust size," "Change font weight," "Fix spacing"
    • والمزيد للتنقل، القوائم، الجداول، حاويات flex وحاويات grid.

    انقر على شريحة لإدراج نصها في ملاحظتك. يمكنك بعد ذلك تعديله أو الإضافة إليه.

    النسخ إلى الحافظة

    اضغط Enter في أي وقت لنسخ الأمر المنظم إلى الحافظة. لا تحتاج لإيقاف الميكروفون أولا - يمكنك الضغط على Enter أثناء التسجيل وسيستخدم كل ما تم التقاطه حتى الآن. يظهر إشعار "Copied!" قصير في أسفل وسط الشاشة لتأكيد نجاح النسخ.

    يمكنك أيضا النقر على زر الميكروفون لإيقاف التسجيل أولا، مراجعة أو تعديل ملاحظتك، ثم الضغط على Enter للنسخ.

    إذا كان pill Screenshot مفعلا وتم التقاط لقطة شاشة، يتم تضمين الصورة في الحافظة مع الأمر النصي. عندما تلصق في Claude.ai أو ChatGPT أو Word أو Google Docs أو تطبيقات أخرى تدعم لصق الصور، تظهر لقطة الشاشة كمرفق صورة حقيقي وليس كنص خام.

    تنزيل لقطة الشاشة

    إذا كنت تريد حفظ لقطة شاشة ملتقطة على جهازك، ابحث عن رمز التنزيل الصغير في رأس بطاقة لقطة الشاشة في اللوحة الجانبية. النقر عليه يحفظ لقطة الشاشة كملف PNG في مجلد التنزيلات.

    نسخ لقطة الشاشة فقط

    بجانب رمز التنزيل في رأس بطاقة لقطة الشاشة يوجد رمز نسخ صغير. النقر عليه ينسخ صورة لقطة الشاشة فقط الى الحافظة - مفيد عندما تريد لصق الصورة في Slack أو نظام تتبع المشاكل أو مستند بدون نص prompt المحيط. زر "Copy to Clipboard" الرئيسي ما زال ينسخ prompt الكامل مع الصورة المرفقة؛ الرمز الجديد يستخدم للصق الصورة وحدها فقط.

    النافذة المنبثقة القابلة للسحب

    إذا كانت النافذة المنبثقة تغطي العنصر الذي تريد النظر إليه، اسحبها بعيدا. انقر واسحب شريط المقبض في أعلى النافذة المنبثقة لإعادة وضعها في أي مكان على الشاشة.

    التدفق المباشر

    يمكنك إكمال سير العمل بالكامل من الالتقاط إلى الحافظة مباشرة في النافذة المنبثقة دون فتح اللوحة الجانبية. انقر على عنصر، أعط ملاحظتك، ويتم نسخ الأمر - كل شيء مباشر. اللوحة الجانبية لا تزال متاحة عندما تحتاج السجل أو الإعدادات أو تغييرات تنسيق الإخراج.


    4. تنسيقات الإخراج

    الإعدادات المسبقة

    يقدم ClickSay أربعة إعدادات مسبقة للإخراج تتحكم في مقدار التفاصيل المضمنة في الأمر المولد.

    Simple (Free)

    تنسيق سطر واحد، مناسب للطرفية. يتضمن فقط عنوان URL للصفحة.

    مثال:

    For the url: https://myapp.com/dashboard About: Dashboard Overview Make this heading smaller and dark blue
    

    Standard (Free)

    تنسيق markdown منظم. يتضمن URL ومحدد CSS ونص العنصر.

    مثال:

    ## Feedback
    Make this heading smaller and dark blue
    
    **URL:** https://myapp.com/dashboard
    
    **Element:** `<h1>` `#page-title`
    
    **Selector:** `h1.page-title`
    
    **Text:** "Dashboard Overview"
    

    Detailed (Pro)

    markdown منظم كامل. يتضمن URL والمحدد والنص وHTML وأنماط CSS المحسوبة ومسار الملف واسم المكون.

    Full (Pro)

    كل ما يلتقطه ClickSay. يتضمن كل شيء في Detailed بالإضافة إلى HTML السياق الأصلي ولقطة الشاشة ونتائج تدقيق إمكانية الوصول.

    العلامة التجارية في خطة Free

    في خطة Free، تتضمن الأوامر تذييل إسناد صغير: [Captured with ClickSay - clicksay.net]. هذا يساعد في نشر ClickSay. مستخدمو Pro يحصلون على إخراج نظيف بدون علامة تجارية.

    Pills (مفاتيح تبديل فردية)

    كل بيانات ملتقطة تتوافق مع "pill" (زر تبديل) قابل للتبديل في اللوحة الجانبية. يمكنك تشغيل أو إيقاف حقول البيانات الفردية لتخصيص إخراجك.

    Pillما يتضمنهFree
    URLعنوان URL للصفحةنعم
    Selectorمحدد CSSنعم
    Textالنص الداخلي للعنصرنعم
    HTMLHTML الخارجي للعنصرنعم
    Stylesأنماط CSS المحسوبةنعم
    ContextHTML العنصر الأصلي (3 مستويات للأعلى)نعم
    File Pathمسار الملف المصدري المحللنعم
    Screenshotلقطة شاشة مع تمييزPro فقط
    Componentاسم ومسار مكون الإطارPro فقط
    A11yنتائج تدقيق إمكانية الوصولPro فقط

    كيفية تخصيص الإخراج

    1. افتح اللوحة الجانبية بالنقر على رمز ClickSay في شريط الأدوات واختيار "Open Side Panel" من القائمة المنبثقة.
    2. في قسم Output Format، انقر على زر إعداد مسبق للبدء بتكوين أساسي.
    3. قم بتشغيل أو إيقاف pills الفردية لضبط البيانات المضمنة بدقة.
    4. يتم حفظ اختياراتك تلقائيا وتستمر بين الجلسات.

    عندما تقوم بتبديل pills يدويا، يتم تحديث تمييز الإعداد المسبق النشط لإظهار ما إذا كان تكوينك يتطابق مع أي إعداد مسبق بالضبط.


    5. اللوحة الجانبية

    اللوحة الجانبية هي سطح التحكم الرئيسي لـ ClickSay. افتحها بالنقر على رمز ClickSay في شريط الأدوات، ثم اختيار "Open Side Panel" من القائمة المنبثقة.

    ما يفعله كل شيء (من الأعلى إلى الأسفل)

    الرأس

    • اسم العلامة التجارية ClickSay مع شارة الخطة (PRO أو Free).
    • رابط Upgrade (مرئي لمستخدمي Free) - يفتح صفحة التسعير.
    • زر Capture - يفعل وضع الملاحظات على علامة التبويب الحالية. يمكنك أيضا بدء التقاط مباشرة من قائمة شريط الأدوات المنبثقة بالنقر على "Capture Element."
    • زر Clear - يزيل كل السجل. يظهر حوار تأكيد قبل حذف أي شيء، فلن تفقد السجل بالخطأ.
    • تلميح الخمول: اذا كانت اللوحة الجانبية مفتوحة منذ دقيقة ولم تقم بأي التقاط هذا الشهر بعد، تظهر بطاقة برتقالية صغيرة "Stuck? Click Capture Element above..." أسفل زر Capture. أغلقها بعلامة "x" اذا لم ترغب فيها. تظهر فقط للمستخدمين الجدد؛ بمجرد التقاط أي شيء، لن تظهر مرة أخرى.

    قسم تنسيق الإخراج

    • صف الإعدادات المسبقة: أربعة أزرار - Simple، Standard، Detailed، Full. Detailed وFull تعرض رموز قفل لمستخدمي Free.
    • مفاتيح تبديل Pills: عشر خانات اختيار لحقول البيانات الفردية. Pills الخاصة بـ Pro (Screenshot، Component، A11y) تعرض رموز قفل لمستخدمي Free.

    عرض الالتقاط

    بعد التقاط عنصر، يعرض هذا القسم:

    • بطاقة العنصر: اسم العلامة ومحدد CSS ومعاينة نص العنصر.
    • بطاقة لقطة الشاشة: لقطة الشاشة الملتقطة مع تمييز برتقالي على العنصر (إذا تم التقاط لقطة). رمزان صغيران في رأس البطاقة: رمز نسخ (يضع الصورة فقط في الحافظة) ورمز تنزيل (يحفظ الصورة كملف PNG).
    • بطاقة الملاحظات: منطقة نص تعرض ملاحظاتك المكتوبة بالصوت أو بالكتابة. تتضمن زر ميكروفون لبدء/إيقاف التسجيل.
    • بطاقة الملف المستهدف: مسار الملف المكتشف تلقائيا أو المدخل يدويا. تظهر علامة "Auto-detected" عندما يتم حل المسار من قواعد التعيين.
    • زر Copy to Clipboard مع تلميح اختصار Cmd+Return.

    قسم الحساب / الخطة

    • يعرض خطتك الحالية (Free أو Pro).
    • لمستخدمي Free: يعرض عداد استخدام الالتقاط (مثلا، "3/20 هذا الشهر").
    • رابط Upgrade أو Manage.

    قسم السجل

    • عناصر السجل مجمعة حسب التاريخ (اليوم، أمس، أو تواريخ محددة).
    • كل عنصر يعرض الوقت وعلامة العنصر واسم مضيف الصفحة ونص الملاحظات المقتطع.
    • انقر على عنصر لإعادة تحميله في عرض الالتقاط.
    • كل عنصر له زر نسخ (لإعادة نسخ الأمر) وزر حذف.
    • إجراءات دفعية: تظهر أزرار "Copy Selected" و"Select All" عند تحديد عناصر.

    إدارة التخزين

    • Storage used: يعرض مقدار التخزين المحلي الذي يستخدمه ClickSay (مثلا، "2.3 MB").
    • قائمة Auto-purge المنسدلة: اختر مدة الاحتفاظ بالسجل - 7 أيام، 30 يوما، 60 يوما، 90 يوما، أو أبدا. مستخدمو Free مقيدون بـ 7 أيام.
    • Purge Images Now: يحذف جميع لقطات الشاشة المخزنة مع الاحتفاظ بسجل النصوص.

    تذييل اللوحة

    • إصدار الإضافة الحالي معروض في أسفل اللوحة الجانبية.
    • رابط "Not working? Get help" يفتح دليل استكشاف الأخطاء على clicksay.net/help.

    6. الإعدادات

    الوصول إلى صفحة الخيارات

    انقر بزر الماوس الأيمن على رمز ClickSay في شريط الأدوات واختر Options. أو انتقل إلى صفحة إضافات Chrome، ابحث عن ClickSay، وانقر "Details" ثم "Extension options."

    لغة التعرف على الكلام

    قائمة منسدلة في صفحة الخيارات تتيح لك اختيار لغة التعرف على الكلام. يدعم ClickSay 20 لغة للإدخال الصوتي، بما في ذلك الإنجليزية والإسبانية والفرنسية والألمانية والصينية واليابانية والكورية والهندية والعربية والبرتغالية وغيرها. اللغة المحددة تحدد أي لغة يستخدمها محرك التعرف على الكلام عند التحدث في الميكروفون.

    يمكنك أيضا تغيير لغة الكلام مباشرة من النافذة المنبثقة باستخدام محدد اللغة المضمن (انظر تغيير لغة التعرف على الكلام).

    Project Root

    المجلد الأساسي لمشروعك على جهازك المحلي. على سبيل المثال:

    /Users/you/projects/my-app
    

    يستخدم لحل مسارات الملفات في الإخراج. عندما يكتشف ClickSay مكونا أو يعين URL إلى ملف، يتم إضافة project root كبادئة لإنشاء مسار كامل.

    URL-to-File Mapping

    قواعد مبنية على regex تعين أنماط URL إلى مسارات ملفات مصدرية. هذا مفيد عندما لا يجد الكشف التلقائي للإطار الملف الصحيح.

    يتضمن ClickSay إعدادات مسبقة للتكوينات الشائعة:

    • Static Site - يعين URLs مباشرة إلى مسارات الملفات
    • Next.js - يعين المسارات إلى بنية مجلد app/
    • SvelteKit - يعين المسارات إلى بنية src/routes/
    • React (CRA) - يعين إلى بنية مجلد src/

    لإضافة قاعدة مخصصة:

    1. أدخل نمط regex لـ URL (مثلا، /dashboard/(.*))
    2. أدخل قالب مسار الملف (مثلا، src/pages/dashboard/$1.tsx)
    3. انقر على Save Settings

    مفتاح الترخيص

    بعد شراء ClickSay Pro:

    1. يتم إعادة توجيهك إلى clicksay.net حيث يظهر مفتاح الترخيص.
    2. يتم إرسال المفتاح تلقائيا إلى الإضافة - تفتح ميزات Pro فورا، بدون خطوات يدوية.

    التفعيل اليدوي (احتياطي): إذا لم يعمل التفعيل التلقائي (مثلا متصفح مختلف أو الإضافة غير مثبتة بعد)، انسخ المفتاح المعروض على صفحة النجاح. ثم افتح اللوحة الجانبية، انقر على Already have a key? Activate it داخل بطاقة Unlock Pro، الصق المفتاح وانقر Activate. تحتوي صفحة الخيارات على نفس حقل Pro License إذا كنت تفضل ذلك (انقر بزر الماوس الأيمن على رمز ClickSay > Options).

    بعد التفعيل يتم إخفاء المفتاح جزئيا. تعرض كل من اللوحة الجانبية وصفحة الخيارات أول ستة وآخر أربعة أحرف (مثل CSPRO·····103a) مع زر Show لإظهار المفتاح الكامل. يعرض سطر الحالة بريد حسابك وتاريخ التجديد. زر Deactivate يزيل المفتاح من هذا الجهاز.


    7. Free مقابل Pro

    ما يتضمنه Free

    الميزةخطة Free
    الالتقاطات20 في الشهر
    إعدادات الإخراجSimple وStandard
    PillsURL، Selector، Text، HTML، Styles، Context، File Path
    الاحتفاظ بالسجل7 أيام كحد أقصى
    وضع Sweepغير متاح
    العلامة التجارية في الإخراجيتضمن تذييل "Captured with ClickSay"

    ما يتضمنه Pro

    الميزةخطة Pro
    الالتقاطاتغير محدودة
    إعدادات الإخراججميعها الأربعة (Simple، Standard، Detailed، Full)
    Pillsجميعها العشرة (بما في ذلك Screenshot، Component، A11y)
    الاحتفاظ بالسجلغير محدود (بما في ذلك خيار "لا تحذف أبدا")
    وضع Sweepمتاح
    كشف الإطاراسم المكون الكامل والمسار والمسار
    تدقيق إمكانية الوصولتدقيق كامل في الإخراج
    خيارات Auto-purge7، 30، 60، 90 يوما أو أبدا
    العلامة التجارية في الإخراجإخراج نظيف، بدون تذييل إسناد

    التسعير

    • Free: $0
    • Pro Monthly: $7/شهر
    • Pro Yearly: $45/سنة (توفير 46%)

    كيفية الترقية

    يمكنك الترقية إلى Pro بطريقتين:

    من اللوحة الجانبية:

    1. انقر على رابط Upgrade في رأس اللوحة الجانبية أو قسم الحساب.
    2. يفتح هذا صفحة التسعير على https://clicksay.net/#pricing.
    3. انقر على Go Pro لبدء الدفع عبر Stripe.

    من overlay الترقية:

    1. عندما تصل إلى حد الالتقاط المجاني، يظهر overlay في الصفحة مع خيارات الترقية.
    2. انقر على Go Pro على overlay لبدء الدفع عبر Stripe.

    بعد الدفع، يتم إنشاء مفتاح ترخيص وإرساله تلقائيا إلى إضافتك. إذا لم يعمل التفعيل التلقائي، انسخ المفتاح من صفحة النجاح وأدخله في صفحة الخيارات (انقر بزر الماوس الأيمن على رمز ClickSay > Options > Pro License > انقر Activate).

    حدود الاستخدام وإعادة التعيين

    • يتم إعادة تعيين عداد استخدام الالتقاط في بداية كل شهر تقويمي.
    • يتم عرض الاستخدام في قسم الحساب في اللوحة الجانبية.
    • عندما تصل إلى حد الالتقاط، يظهر overlay في الصفحة مع خيارات الترقية.

    8. اختصارات لوحة المفاتيح

    الاختصارأينماذا يفعل
    `Cmd+Shift+K` (Mac) / `Ctrl+Shift+K` (Win/Linux)أي صفحة ويبتفعيل وضع الالتقاط مباشرة (يتجاوز قائمة شريط الأدوات المنبثقة)
    `Escape`أثناء وضع الالتقاطإلغاء وضع الالتقاط
    `Escape`أثناء التسجيلإيقاف التسجيل وإغلاق النافذة المنبثقة
    `Escape`أثناء فتح النافذة المنبثقةإغلاق النافذة المنبثقة
    `Shift+Click`أثناء وضع الالتقاطإضافة عنصر إلى مجموعة sweep (Pro)
    `Enter`في مربع نص النافذة المنبثقةإيقاف التسجيل والنسخ إلى الحافظة
    `Shift+Enter`في مربع نص النافذة المنبثقةإدراج سطر جديد (لا يرسل)
    `Cmd+Return` (Mac) / `Ctrl+Enter` (Win/Linux)في اللوحة الجانبيةالنسخ إلى الحافظة

    قائمة النقر بزر الماوس الأيمن

    انقر بزر الماوس الأيمن على أي عنصر في صفحة ويب واختر ClickSay this element لتفعيل وضع الالتقاط لذلك العنصر.

    تخصيص الاختصار

    إذا كان Cmd+Shift+K / Ctrl+Shift+K لا يعمل أو يتعارض مع إضافة أخرى:

    1. انتقل إلى chrome://extensions/shortcuts في متصفحك.
    2. ابحث عن "ClickSay - Vibe Code 20x Faster."
    3. انقر على رمز القلم بجانب "Activate ClickSay feedback mode."
    4. سجل اختصارك المفضل.

    9. الخصوصية والأمان

    جميع البيانات تبقى محلية

    يعمل ClickSay بالكامل داخل متصفحك. كل المعالجة - التقاط DOM، التعرف على الكلام، تنسيق الأوامر، التقاط لقطات الشاشة - تحدث على جهازك. لا يوجد خادم ClickSay يعالج بياناتك.

    ما يبقى في متصفحك

    • جميع بيانات العناصر الملتقطة (المحددات، HTML، الأنماط، إلخ)
    • جميع نصوص الملاحظات الصوتية
    • جميع لقطات الشاشة
    • سجل الملاحظات
    • إعداداتك (تفضيلات الإخراج، قواعد التعيين)

    ما يغادر المتصفح

    البيانات تغادر متصفحك فقط في هذه الحالات، وجميعها بمبادرة منك:

    1. نسخ الحافظة - عند نسخ أمر، يذهب إلى حافظة النظام.
    2. التحقق من الترخيص - إذا كان لديك مفتاح Pro، تتحقق الإضافة منه عبر https://clicksay.net/api/license/validate. هذا الطلب يحتوي فقط على مفتاح الترخيص - لا ملاحظات، لا لقطات شاشة، لا بيانات مستخدم.

    بدون تتبع

    • لا تحليلات أو قياس عن بعد من أي نوع.
    • لا ملفات تعريف ارتباط أو نصوص تتبع.
    • لا حسابات مستخدمين أو مصادقة (Pro يستخدم مفتاح ترخيص، وليس حسابا).
    • الإضافة لا تعرف من قام بتثبيتها أو كيف يتم استخدامها.

    شرح الأذونات

    الإذنلماذا هو مطلوب
    activeTabالوصول إلى علامة التبويب الحالية لالتقاط بيانات العنصر عند النقر. نشط فقط عندما تقوم بتشغيل الإضافة.
    sidePanelعرض اللوحة الجانبية لـ ClickSay.
    storageتخزين سجلك وإعداداتك ولقطات الشاشة محليا.
    contextMenusإضافة "ClickSay this element" إلى قائمة النقر بزر الماوس الأيمن.
    scriptingحقن نص الالتقاط في علامة التبويب النشطة عند تفعيل وضع الالتقاط.
    clipboardWriteنسخ الأوامر إلى الحافظة.
    offscreenبديل الحافظة للحالات التي لا تعمل فيها طرق النسخ الأخرى.
    alarmsجدولة التنظيف اليومي للقطات الشاشة القديمة.

    لا أذونات مضيف شاملة

    يستخدم ClickSay إذن activeTab، الذي يمنح فقط الوصول إلى علامة التبويب التي تتفاعل معها بنشاط، وفقط عندما تقوم بتشغيل الإضافة صراحة. المواقع الوحيدة التي يشغل فيها ClickSay content script تلقائيا هي clicksay.net وwww.clicksay.net - هذا فقط لاستقبال مفتاح الترخيص بعد الشراء.


    10. الأسئلة الشائعة

    هل يمكنني استخدام ClickSay على أي موقع ويب؟

    نعم. يعمل ClickSay على أي عنوان URL - ليس فقط localhost. الاستثناءات الوحيدة هي صفحات Chrome الداخلية (chrome://)، Chrome Web Store، وعناوين URL المقيدة الأخرى للمتصفح.

    الصفحات التي تحتفظ بمحتواها داخل إطار مضمن، مثل Claude artifacts أو معاينة StackBlitz، مدعومة اعتباراً من الإصدار v1.2.6.

    هل يجب أن أستخدم الصوت؟ هل يمكنني الكتابة فقط؟

    نعم، يمكنك كتابة ملاحظاتك بدلا من التحدث. بعد النقر على عنصر، اكتب ببساطة في مربع نص النافذة المنبثقة. يتوقف الميكروفون تلقائيا عند بدء الكتابة، فلا يوجد تعارض بين الصوت ولوحة المفاتيح. يمكنك أيضا الجمع بين الصوت والكتابة - تحدث أولا، ثم عدل أو أضف نصا بالكتابة.

    هل يمكنني استخدام ClickSay بلغتي؟

    نعم. يدعم ClickSay 20 لغة للتعرف على الكلام. يمكنك تغيير لغة الكلام من محدد اللغة المضمن في النافذة المنبثقة أو من صفحة الخيارات. تبقى تسميات الواجهة بالإنجليزية، لكن الإدخال الصوتي يعمل بلغتك المختارة.

    ما أدوات الذكاء الاصطناعي التي تعمل مع ClickSay؟

    ClickSay ينسخ أمرا منظما إلى الحافظة. يمكنك لصقه في أي أداة ذكاء اصطناعي تقبل إدخال نصي: Claude Code، Cursor، Windsurf، Lovable، Bolt، Replit، ChatGPT، أو أي مساعد ذكاء اصطناعي آخر.

    هل يرسل ClickSay بياناتي إلى خادم؟

    لا. كل المعالجة تحدث في متصفحك. الطلب الشبكي الوحيد هو التحقق من مفتاح الترخيص (مستخدمو Pro فقط). انظر قسم الخصوصية والأمان لمزيد من التفاصيل.

    ما الأطر التي يكتشفها ClickSay؟

    React، Vue (2 و3)، Angular، Svelte، Next.js، وSvelteKit. يعمل الاكتشاف بشكل أفضل على بنيات التطوير. بنيات الإنتاج قد تزيل بيانات التصحيح التي يستخدمها ClickSay للاكتشاف.

    هل يمكنني التقاط عناصر متعددة مرة واحدة؟

    نعم، باستخدام وضع Sweep (Pro فقط). اضغط مع الاستمرار على Shift وانقر على كل عنصر تريد تضمينه، ثم اترك Shift وانقر على العنصر الأخير. تحدث بملاحظتك مرة واحدة وتنطبق على جميع العناصر المحددة.

    ماذا يحدث عند إعادة تعيين حدود خطة Free؟

    يتم إعادة تعيين عداد استخدام الالتقاط في بداية كل شهر تقويمي. لا تحتاج لفعل أي شيء - يتم إعادة التعيين تلقائيا.

    هل يمكنني إعادة نسخ التقاط سابق؟

    نعم. افتح اللوحة الجانبية وابحث عن الالتقاط في سجلك. انقر على زر النسخ (رمز الحافظة) على عنصر السجل لإعادة نسخ أمره. يتم إعادة إنشاء الأمر بإعدادات pills الحالية. إذا كان pill Screenshot مفعلا والالتقاط يتضمن لقطة شاشة، يتم تضمين الصورة أيضا في الحافظة.

    كيف ألغي التقاطا في منتصفه؟

    اضغط Escape في أي وقت أثناء وضع الالتقاط للإلغاء. هذا يغلق النافذة المنبثقة ويعطل وضع الالتقاط.

    ما هو نص "Captured with ClickSay" في الأمر الخاص بي؟

    في خطة Free، يضيف ClickSay تذييل إسناد صغير للإخراج. هذا لا يؤثر على أداء أدوات الذكاء الاصطناعي. قم بالترقية إلى Pro لإزالة العلامة التجارية.

    كيف أتحقق من تحديثات الإضافة؟

    Chrome يحدث الإضافات تلقائيا. يمكنك أيضا الذهاب إلى chrome://extensions، تفعيل "Developer mode"، والنقر على "Update" للتحقق يدويا. تحقق من رقم الإصدار في أسفل اللوحة الجانبية.

    أين يمكنني الحصول على مزيد من المساعدة؟

    • قم بزيارة https://clicksay.net للحصول على أحدث المعلومات
    • انقر على رابط "Not working? Get help" في تذييل اللوحة الجانبية
    • استخدم أداة المحادثة على clicksay.net للدعم المباشر
    • تحقق من قسم What's New على https://clicksay.net/#changelog لملاحظات الإصدار

    يغطي هذا الدليل ClickSay v1.2.4. لأحدث التحديثات، قم بزيارة https://clicksay.net.

    Guia de Suporte e Autoajuda do ClickSay

    Idioma: Portugues Ultima atualizacao: Agosto 2026 Versao da extensao: v1.2.6

    Este documento e uma traducao de en.md. Para a versao mais atualizada, consulte o original em ingles.


    Indice

    1. Primeiros Passos
    2. Solucao de Problemas
    3. Como Usar o ClickSay
    4. Formatos de Saida
    5. Painel Lateral
    6. Configuracoes
    7. Free vs Pro
    8. Atalhos de Teclado
    9. Privacidade e Seguranca
    10. Perguntas Frequentes

    1. Primeiros Passos

    O que e o ClickSay?

    ClickSay e uma extensao do Chrome que transforma feedback de interface em prompts estruturados e prontos para IA. Em vez de digitar longas descricoes para explicar o que voce quer mudar em uma pagina web, basta clicar em um elemento, falar seu feedback e colar o resultado em qualquer ferramenta de programacao com IA. O que antes levava um minuto digitando leva cerca de 8 segundos com o ClickSay.

    Instalar o ClickSay

    1. Visite a pagina do ClickSay na Chrome Web Store.
    2. Clique em Adicionar ao Chrome.
    3. Confirme as permissoes quando solicitado.
    4. O icone do ClickSay aparecera na barra de ferramentas do Chrome.

    Fixar o Icone

    Se voce nao ve o icone do ClickSay na barra de ferramentas:

    1. Clique no icone de peca de quebra-cabeca (Extensoes) na barra de ferramentas do Chrome.
    2. Encontre "ClickSay - Vibe Code 20x Faster" na lista.
    3. Clique no icone de fixar para mante-lo visivel.

    Pagina de Boas-Vindas (Primeira Instalacao)

    Logo apos instalar o ClickSay, uma nova aba abre em clicksay.net/welcome com um passo-a-passo guiado de tres etapas e um botao de demonstracao claramente identificado. E o jeito mais rapido de fazer sua primeira captura: abra o painel lateral, ative o ClickSay, clique no botao de demo e voce tera seu primeiro prompt na area de transferencia em menos de trinta segundos. Se voce fechou a aba e quer revisitar, abra clicksay.net/welcome a qualquer momento.

    Sua Primeira Captura - Passo a Passo

    Siga estes passos para fazer sua primeira captura:

    1. Abra qualquer pagina web (por exemplo, seu projeto rodando em localhost ou qualquer site publico).
    2. Pressione Cmd+Shift+K (Mac) ou Ctrl+Shift+K (Windows/Linux) para ativar o modo de captura. Voce vera um contorno laranja ao passar o mouse sobre os elementos.
    3. Clique em qualquer elemento da pagina. Um popup aparecera perto do elemento e o microfone iniciara automaticamente.
    4. Fale seu feedback naturalmente - por exemplo, "faca este botao maior e mude a cor para azul."
    5. Pressione Enter para copiar o prompt estruturado para a area de transferencia. Uma breve notificacao "Copied!" aparecera para confirmar que a copia foi bem-sucedida.
    6. Abra sua ferramenta de IA (Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, etc.) e cole com Cmd+V / Ctrl+V.

    E isso. A IA agora tem o contexto completo - o seletor do elemento, estilos, HTML e seu feedback - e pode fazer a alteracao com precisao.


    2. Solucao de Problemas

    Problemas com o ClickSay? Comece aqui. Estes sao os problemas mais comuns e como resolve-los.

    O atalho de teclado nao funciona

    Este e o problema mais comum. O Chrome nem sempre atribui o atalho automaticamente.

    Verifique se o atalho esta mapeado:

    1. Abra chrome://extensions/shortcuts na barra de enderecos do navegador.
    2. Encontre "ClickSay - Vibe Code 20x Faster" na lista.
    3. Veja o atalho ao lado de "Activate ClickSay feedback mode."
    4. Se diz "Not set", esse e o problema. Clique no icone de lapis e pressione Cmd+Shift+K (Mac) ou Ctrl+Shift+K (Windows/Linux) para atribui-lo.
    5. Se mostra um atalho mas ainda nao funciona, outra extensao pode estar usando a mesma combinacao de teclas. Tente atribuir um atalho diferente ou verifique suas outras extensoes por conflitos.

    Formas alternativas de ativar o ClickSay (sem atalho):

    • Clique no icone do ClickSay na barra de ferramentas do Chrome e selecione "Capture Element"
    • Clique com o botao direito em qualquer elemento da pagina e selecione "ClickSay this element"

    Nota: Se voce usar o atalho em uma pagina onde o ClickSay nao pode injetar seu content script (como paginas chrome:// ou uma aba recem-instalada nao atualizada), o ClickSay abrira automaticamente o painel lateral como alternativa em vez de falhar silenciosamente.

    Dica: A tela de boas-vindas que aparece na primeira instalacao inclui uma dica de solucao de problemas sobre atalhos de teclado. Se voce a fechou, os passos principais sao: va a chrome://extensions/shortcuts, encontre o ClickSay e atribua seu atalho preferido.

    Antivirus ou software de seguranca bloqueando o ClickSay

    Alguns programas antivirus (Bitdefender, Norton, Kaspersky, etc.) podem marcar ou bloquear extensoes do Chrome. Se o ClickSay parar de funcionar, desaparecer, ou o Chrome mostrar erros sobre a extensao, seu antivirus pode estar colocando arquivos da extensao em quarentena.

    Sinais de que seu antivirus esta bloqueando o ClickSay:

    • A extensao desaparece repentinamente do Chrome ou aparece como "corrupted"
    • O Chrome mostra um erro como "This extension may have been corrupted"
    • A extensao estava funcionando e parou apos um escaneamento do antivirus
    • O registro do antivirus mostra uma deteccao relacionada a extensoes do Chrome

    Como resolver:

    1. Verifique a quarentena do seu antivirus. Abra o painel do antivirus e procure arquivos em quarentena. Se encontrar arquivos de extensoes do Chrome, restaure-os.
    2. Adicione uma exclusao para extensoes do Chrome. Adicione a pasta de extensoes do Chrome as exclusoes do seu antivirus:
      • macOS: ~/Library/Application Support/Google/Chrome/Default/Extensions/
      • Windows: C:\Users\<SeuNome>\AppData\Local\Google\Chrome\User Data\Default\Extensions\
    3. Reinstale a extensao apos restaurar arquivos em quarentena ou adicionar a exclusao. Va a Chrome Web Store, procure ClickSay e clique em "Adicionar ao Chrome."
    4. Adicione o ClickSay a lista de permissoes pelo ID da extensao. O ID da extensao ClickSay e cpnmelphcmdcmejmjfnodmpdfifccfhj. Alguns antivirus permitem colocar IDs de extensoes especificos na lista de permissoes.

    Instrucoes especificas por antivirus:

    • Bitdefender: Abra o painel do Bitdefender (ou console GravityZone para empresas). Va a Quarentena, encontre o arquivo marcado, clique em "Restaurar" e "Adicionar Exclusao." Em seguida va a Protecao > Antivirus > Configuracoes > Exclusoes e adicione a pasta de extensoes do Chrome.
    • Norton: Abra o Norton, va a Configuracoes > Antivirus > Verificacoes e Riscos > Exclusoes/Baixo Risco, e adicione a pasta de extensoes do Chrome.
    • Kaspersky: Abra o Kaspersky, va a Configuracoes > Ameacas e Exclusoes > Gerenciar Exclusoes, e adicione a pasta de extensoes do Chrome.
    • Windows Defender: Abra Seguranca do Windows > Protecao contra virus e ameacas > Gerenciar configuracoes > Exclusoes > Adicionar uma Exclusao, e adicione a pasta de extensoes do Chrome.

    A extensao nao funciona em certas paginas

    Paginas onde o ClickSay nao pode funcionar:

    • Paginas chrome:// (configuracoes, extensoes, favoritos, etc.)
    • Chrome Web Store (chrome.google.com/webstore)
    • Outras paginas internas do navegador (about:, edge://, etc.)
    • Arquivos PDF abertos no visualizador integrado do Chrome

    Estas sao restritas pelo proprio Chrome - nenhuma extensao pode funcionar nelas. Navegue para um site normal para usar o ClickSay.

    Paginas onde o ClickSay pode nao funcionar:

    • Paginas com politicas de seguranca de conteudo (CSP) muito rigorosas podem bloquear a injecao de scripts. Verifique o console do navegador (F12 > Console) por erros de CSP.
    • Se uma pagina estava aberta antes de voce instalar o ClickSay, atualize-a primeiro.

    Conteudo dentro de um quadro incorporado (iframe):

    Algumas paginas mantem seu conteudo real dentro de um quadro incorporado. Os artefatos do Claude, as previas do StackBlitz e do CodeSandbox, e os widgets de design ou de pagamento incorporados funcionam assim. O ClickSay v1.2.6 e posterior consegue selecionar elementos dentro deles.

    Na v1.2.5 e anteriores, clicar nesses elementos nao fazia absolutamente nada e nao mostrava nenhuma mensagem de erro. Se isso esta acontecendo com voce, verifique sua versao em "Em qual versao estou?" mais abaixo e atualize pela Chrome Web Store.

    Uma diferenca a esperar: quando voce clica em um elemento dentro de um quadro incorporado, a janela de feedback abre no meio da pagina em vez de ao lado do elemento. O quadro incorporado nao compartilha coordenadas de tela com a pagina ao redor, entao o ClickSay nao consegue posicionar a janela com precisao. Arraste a janela para onde preferir.

    O microfone nao funciona

    Verifique permissoes do navegador:

    1. Clique no icone de cadeado/configuracao na barra de enderecos do Chrome para o site atual.
    2. Certifique-se de que "Microfone" esta definido como "Permitir."
    3. Se diz "Bloquear," mude para "Permitir" e atualize a pagina.

    Verifique permissoes do sistema:

    • macOS: Va a Preferencias do Sistema > Privacidade e Seguranca > Microfone e certifique-se de que o Chrome esta listado e ativado.
    • Windows: Va a Configuracoes > Privacidade > Microfone e certifique-se de que o Chrome esta permitido.

    Outras causas:

    • Outro aplicativo pode estar usando o microfone (Zoom, Teams, etc.). Feche-o e tente novamente.
    • Tente atualizar a pagina apos conceder a permissao.
    • Voce sempre pode digitar seu feedback em vez de falar - o microfone e opcional.

    A saida nao e copiada para a area de transferencia

    1. Tente pressionar Enter no popup da pagina - tem a melhor taxa de sucesso.
    2. Tente pressionar Cmd+Return (Mac) ou Ctrl+Enter (Windows/Linux) no painel lateral.
    3. Certifique-se de que nenhuma outra extensao esta interceptando escritas na area de transferencia.
    4. Algumas paginas restringem o acesso a area de transferencia. Abra o painel lateral e use o botao de copiar la como alternativa.

    Quando a copia e bem-sucedida, uma breve notificacao "Copied!" aparece na parte inferior da tela. Se voce nao ve essa notificacao, a copia pode nao ter sido bem-sucedida.

    O painel lateral nao abre

    1. Clique no icone do ClickSay na barra de ferramentas do Chrome. Um menu popup aparecera com "Capture Element" e "Open Side Panel."
    2. Clique em "Open Side Panel."
    3. Se voce nao ve o icone do ClickSay, clique no icone de peca de quebra-cabeca (Extensoes) na barra de ferramentas e fixe o ClickSay.
    4. Se o popup nao aparecer, tente reiniciar o Chrome.

    Limite de capturas atingido

    O plano Free permite 20 capturas por mes. Seu uso e redefinido automaticamente no inicio de cada mes. Verifique a secao de Conta no painel lateral para sua contagem atual. Faca upgrade para Pro para capturas ilimitadas.

    A extensao mostra como "corrupted" ou precisa de reparo

    Isso geralmente significa que arquivos foram modificados ou removidos (frequentemente por software antivirus - veja a secao de antivirus acima).

    1. Va a chrome://extensions no seu navegador.
    2. Encontre o ClickSay e clique em "Reparar" se a opcao estiver disponivel.
    3. Se isso nao funcionar, remova a extensao e reinstale pela Chrome Web Store.
    4. Suas configuracoes e historico sao armazenados separadamente e serao preservados apos a reinstalacao.

    O ClickSay esta lento ou nao responde

    1. Verifique se voce tem muitas extensoes rodando. Desative outras temporariamente para testar.
    2. Tente reiniciar o Chrome.
    3. Verifique o Gerenciador de Tarefas do Chrome (Shift+Esc) para ver se o service worker do ClickSay esta usando recursos incomuns.
    4. Se o problema persistir apos reiniciar o Chrome, tente reinstalar a extensao.

    Em que versao estou?

    Abra o painel lateral - o numero da versao e exibido na parte inferior, ao lado do link de ajuda.

    Ainda precisa de ajuda?

    • Visite https://clicksay.net para as informacoes mais recentes
    • Clique no link "Not working? Get help" no rodape do painel lateral para abrir esta pagina de ajuda
    • Certifique-se de que esta na versao mais recente (o Chrome atualiza extensoes automaticamente, mas voce pode forcar a verificacao em chrome://extensions com o modo de desenvolvedor ativado)

    3. Como Usar o ClickSay

    O Fluxo Clica-Fala-Cola

    O ClickSay segue um fluxo de trabalho simples de tres etapas:

    Etapa 1: Clica

    Ative o modo de captura usando qualquer um destes metodos:

    • Pressione Cmd+Shift+K (Mac) ou Ctrl+Shift+K (Windows/Linux)
    • Clique no icone do ClickSay na barra de ferramentas e selecione "Capture Element" no menu popup
    • Clique com o botao direito em qualquer elemento da pagina e selecione "ClickSay this element"

    Com o modo de captura ativo, os elementos sao destacados com um contorno laranja ao passar o mouse. Clique no elemento sobre o qual voce quer dar feedback.

    Etapa 2: Fala (ou Digita)

    Apos clicar em um elemento, um popup aparece perto dele. O microfone inicia automaticamente e voce vera "Listening..." no popup.

    • Fale seu feedback naturalmente: "corrija o padding," "faca isso maior," "mude a fonte para sans-serif."
    • Digite na area de texto do popup se preferir nao usar voz. Quando voce comeca a digitar, o microfone pausa automaticamente para que a transcricao de voz nao se misture com o texto digitado.
    • Combine ambos - voce pode falar e depois editar ou adicionar texto digitando. O microfone pausa assim que voce pressiona uma tecla, portanto nao ha conflito entre voz e teclado.
    • Toque em um chip de sugestao - botoes de feedback rapido contextuais aparecem com base no elemento que voce clicou. Toque em um para inserir esse texto instantaneamente.

    Etapa 3: Cola

    Quando voce terminar seu feedback:

    • Pressione Enter no popup para parar a gravacao e copiar o prompt para a area de transferencia. Uma breve notificacao "Copied!" confirma a copia.
    • Ou clique no icone do microfone para parar a gravacao, e depois pressione Enter para copiar.
    • Cole o resultado na sua ferramenta de IA com Cmd+V / Ctrl+V.

    Mudar o Idioma de Reconhecimento de Voz

    Voce pode mudar o idioma de reconhecimento de voz diretamente no popup de feedback sem sair da pagina.

    1. No popup de feedback, procure o menu suspenso de idioma (mostra um codigo de idioma compacto como "EN" ou "PT").
    2. Clique no menu suspenso e selecione seu idioma preferido da lista de 20 idiomas suportados.
    3. Sua escolha e salva automaticamente e persiste entre sessoes.
    4. Se o microfone ja estiver gravando, o reconhecimento reinicia imediatamente no novo idioma.

    Voce tambem pode definir o idioma de voz na pagina de Opcoes (veja Configuracoes).

    Modo Sweep (Multiplos Elementos)

    O modo Sweep permite selecionar multiplos elementos e dar um unico feedback para todos eles. Esta e uma funcionalidade Pro.

    1. Ative o modo de captura (Cmd+Shift+K).
    2. Segure Shift e clique em cada elemento que voce quer incluir. Cada elemento clicado recebe um selo numerado.
    3. Quando terminar de selecionar, clique no ultimo elemento sem segurar Shift.
    4. O popup aparece. Fale seu feedback - ele se aplica a todos os elementos selecionados.
    5. Pressione Enter. Um prompt estruturado cobrindo todos os elementos e copiado para a area de transferencia.

    Chips de Sugestao

    Quando o popup aparece, voce vera pequenos botoes clicaveis com frases de feedback comuns. Estes sao chamados de chips de sugestao, e mudam conforme o tipo de elemento que voce clicou:

    • Botoes/links: "Change the text," "Fix hover state," "Make more prominent," "Change color"
    • Imagens: "Replace this image," "Fix aspect ratio," "Add alt text," "Make responsive"
    • Campos de formulario: "Change placeholder," "Fix validation," "Resize this field," "Add label"
    • Titulos: "Change text," "Adjust size," "Change font weight," "Fix spacing"
    • E mais para navegacao, listas, tabelas, conteineres flex e conteineres grid.

    Toque em um chip para inserir seu texto no seu feedback. Voce pode depois editar ou complementar.

    Copiar para a Area de Transferencia

    Pressione Enter a qualquer momento para copiar o prompt estruturado para a area de transferencia. O microfone nao precisa ser parado primeiro - voce pode pressionar Enter enquanto ainda grava e ele usara tudo capturado ate o momento. Uma notificacao "Copied!" aparece brevemente no centro inferior da tela para confirmar que a copia foi bem-sucedida.

    Voce tambem pode clicar no botao do microfone para parar a gravacao primeiro, revisar ou editar seu feedback, e entao pressionar Enter para copiar.

    Se voce tem o pill de Screenshot ativado e uma captura de tela foi feita, a imagem e incluida na area de transferencia junto com o prompt de texto. Quando voce cola no Claude.ai, ChatGPT, Word, Google Docs ou outros apps que suportam colar imagens, a captura de tela aparece como um anexo de imagem real, nao como texto bruto.

    Baixar uma Captura de Tela

    Se voce deseja salvar uma captura de tela no seu computador, procure o pequeno icone de download no cabecalho do cartao de captura de tela no painel lateral. Clicar nele salva a captura como arquivo PNG na sua pasta de downloads.

    Copiar Apenas a Captura de Tela

    Bem ao lado do icone de download, no cabecalho do cartao de captura, ha um pequeno icone de copiar. Clicar nele copia apenas a imagem da captura para a area de transferencia - util quando voce quer colar a imagem no Slack, num sistema de tickets ou num documento sem o texto do prompt em volta. O botao principal "Copy to Clipboard" continua copiando o prompt completo com a imagem anexada; o icone novo serve para colar somente a imagem.

    Popup Arrastavel

    Se o popup de feedback esta cobrindo o elemento que voce quer ver, basta arrasta-lo para fora do caminho. Clique e arraste a barra de alca no topo do popup para reposiciona-lo em qualquer lugar da tela.

    Fluxo Inline

    Voce pode completar todo o fluxo de captura-para-area-de-transferencia diretamente no popup sem nunca abrir o painel lateral. Clique em um elemento, de seu feedback, e o prompt e copiado - tudo inline. O painel lateral continua disponivel quando voce precisar do historico, configuracoes ou mudancas de formato de saida.


    4. Formatos de Saida

    Presets

    O ClickSay oferece quatro presets de saida que controlam quanto detalhe e incluido no prompt gerado.

    Simple (Free)

    Um formato de linha unica, amigavel para terminal. Inclui apenas a URL da pagina.

    Exemplo:

    For the url: https://myapp.com/dashboard About: Dashboard Overview Make this heading smaller and dark blue
    

    Standard (Free)

    Um formato markdown estruturado. Inclui a URL, seletor CSS e texto do elemento.

    Exemplo:

    ## Feedback
    Make this heading smaller and dark blue
    
    **URL:** https://myapp.com/dashboard
    
    **Element:** `<h1>` `#page-title`
    
    **Selector:** `h1.page-title`
    
    **Text:** "Dashboard Overview"
    

    Detailed (Pro)

    Markdown estruturado completo. Inclui URL, seletor, texto, HTML, estilos CSS calculados, caminho do arquivo e nome do componente.

    Full (Pro)

    Tudo que o ClickSay captura. Inclui tudo do Detailed mais HTML de contexto pai, captura de tela e resultados de auditoria de acessibilidade.

    Atribuicao do Plano Free

    No plano Free, os prompts incluem um pequeno rodape de atribuicao: [Captured with ClickSay - clicksay.net]. Isso ajuda a divulgar o ClickSay. Usuarios Pro obtem saida limpa sem marca.

    Pills (Controles Individuais)

    Cada dado capturado corresponde a um "pill" (botao de alternancia) no painel lateral. Voce pode ativar ou desativar campos de dados individuais para personalizar sua saida.

    PillO Que IncluiFree
    URLURL da paginaSim
    SelectorSeletor CSSSim
    TextTexto interno do elementoSim
    HTMLHTML externo do elementoSim
    StylesEstilos CSS calculadosSim
    ContextHTML do elemento pai (3 niveis acima)Sim
    File PathCaminho do arquivo fonte resolvidoSim
    ScreenshotCaptura de tela com destaqueApenas Pro
    ComponentNome e caminho do componente do frameworkApenas Pro
    A11yResultados de auditoria de acessibilidadeApenas Pro

    Como Personalizar a Saida

    1. Abra o painel lateral clicando no icone do ClickSay na barra de ferramentas e selecionando "Open Side Panel" no menu popup.
    2. Na secao Output Format, clique em um botao de preset para comecar com uma configuracao base.
    3. Ative ou desative pills individuais para ajustar quais dados sao incluidos.
    4. Suas selecoes sao salvas automaticamente e persistem entre sessoes.

    Quando voce alterna pills manualmente, o destaque do preset ativo se atualiza para mostrar se sua configuracao corresponde exatamente a algum preset.


    5. Painel Lateral

    O painel lateral e a superficie de controle principal do ClickSay. Abra-o clicando no icone do ClickSay na barra de ferramentas, depois selecionando "Open Side Panel" no menu popup.

    O Que Cada Coisa Faz (De Cima para Baixo)

    Cabecalho

    • Nome da marca ClickSay com selo do plano (PRO ou Free).
    • Link Upgrade (visivel para usuarios Free) - abre a pagina de precos.
    • Botao Capture - ativa o modo de feedback na aba atual. Voce tambem pode iniciar uma captura diretamente pelo menu popup da barra de ferramentas clicando em "Capture Element."
    • Botao Clear - remove todo o historico. Um dialogo de confirmacao aparece antes de excluir qualquer coisa, para que voce nao perca historico por acidente.
    • Aviso de inatividade: se o painel lateral esta aberto ha um minuto e voce ainda nao fez nenhuma captura este mes, um pequeno cartao laranja "Stuck? Click Capture Element above..." aparece abaixo do botao Capture. Feche-o no "x" se nao quiser. So aparece para usuarios novos; assim que voce captura algo, ele para de aparecer.

    Secao de Formato de Saida

    • Linha de presets: Quatro botoes - Simple, Standard, Detailed, Full. Detailed e Full mostram icones de cadeado para usuarios Free.
    • Alternadores de Pills: Dez caixas de selecao para campos de dados individuais. Pills exclusivos Pro (Screenshot, Component, A11y) mostram icones de cadeado para usuarios Free.

    Visualizacao de Captura

    Apos capturar um elemento, esta secao mostra:

    • Cartao do elemento: Nome da tag, seletor CSS e uma pre-visualizacao do texto do elemento.
    • Cartao de captura de tela: A captura com um destaque laranja no elemento (se uma captura foi feita). Dois icones pequenos no cabecalho do cartao: um icone de copiar (coloca apenas a imagem na area de transferencia) e um icone de download (salva a imagem como arquivo PNG).
    • Cartao de feedback: Uma area de texto mostrando seu feedback transcrito por voz ou digitado. Inclui um botao de microfone para iniciar/parar a gravacao.
    • Cartao de arquivo alvo: O caminho do arquivo auto-detectado ou inserido manualmente. Um rotulo "Auto-detected" aparece quando o caminho foi resolvido a partir de regras de mapeamento.
    • Botao Copy to Clipboard com indicacao do atalho Cmd+Return.

    Secao de Conta / Plano

    • Mostra seu plano atual (Free ou Pro).
    • Para usuarios Free: exibe o contador de uso de capturas (ex., "3/20 este mes").
    • Link de Upgrade ou Manage.

    Secao de Historico

    • Itens do historico agrupados por data (Hoje, Ontem ou datas especificas).
    • Cada item mostra o horario, tag do elemento, hostname da pagina e texto de feedback truncado.
    • Clique em um item para recarrega-lo na visualizacao de captura.
    • Cada item tem um botao de copiar (para re-copiar o prompt) e um botao de excluir.
    • Acoes em lote: Botoes "Copy Selected" e "Select All" aparecem quando itens sao selecionados.

    Gerenciamento de Armazenamento

    • Storage used: Mostra quanto armazenamento local o ClickSay esta usando (ex., "2.3 MB").
    • Menu suspenso de Auto-purge: Escolha por quanto tempo manter o historico - 7 dias, 30 dias, 60 dias, 90 dias ou Nunca. Usuarios Free sao limitados a 7 dias.
    • Purge Images Now: Remove todas as capturas de tela armazenadas mantendo seu historico de texto.

    Rodape do Painel

    • A versao atual da extensao e mostrada na parte inferior do painel lateral.
    • Um link "Not working? Get help" abre o guia de solucao de problemas em clicksay.net/help.

    6. Configuracoes

    Acessar a Pagina de Opcoes

    Clique com o botao direito no icone do ClickSay na barra de ferramentas e selecione Options. Ou navegue ate sua pagina de extensoes do Chrome, encontre o ClickSay e clique em "Details" e depois "Extension options."

    Idioma de Reconhecimento de Voz

    Um menu suspenso na pagina de Opcoes permite escolher o idioma de reconhecimento de voz. O ClickSay suporta 20 idiomas para entrada de voz, incluindo ingles, espanhol, frances, alemao, chines, japones, coreano, hindi, arabe, portugues e mais. O idioma selecionado determina qual idioma o motor de reconhecimento de voz usa quando voce fala no microfone.

    Voce tambem pode mudar o idioma de voz diretamente no popup de feedback usando o seletor de idioma inline (veja Mudar o Idioma de Reconhecimento de Voz).

    Project Root

    O diretorio base do seu projeto na sua maquina local. Por exemplo:

    /Users/voce/projects/meu-app
    

    Usado para resolver caminhos de arquivo na saida. Quando o ClickSay detecta um componente ou mapeia uma URL para um arquivo, o project root e adicionado como prefixo para criar um caminho completo.

    URL-to-File Mapping

    Regras baseadas em regex que mapeiam padroes de URL para caminhos de arquivos fonte. Isso e util quando a deteccao automatica de framework nao encontra o arquivo correto.

    O ClickSay inclui presets para configuracoes comuns:

    • Static Site - mapeia URLs diretamente para caminhos de arquivo
    • Next.js - mapeia rotas para a estrutura de diretorio app/
    • SvelteKit - mapeia rotas para a estrutura src/routes/
    • React (CRA) - mapeia para a estrutura de diretorio src/

    Para adicionar uma regra personalizada:

    1. Insira um padrao regex de URL (ex., /dashboard/(.*))
    2. Insira o template de caminho do arquivo (ex., src/pages/dashboard/$1.tsx)
    3. Clique em Save Settings

    Chave de Licenca

    Apos comprar o ClickSay Pro:

    1. Voce e redirecionado para clicksay.net onde sua chave de licenca e exibida.
    2. A chave e automaticamente enviada para a extensao - as funcionalidades Pro sao desbloqueadas instantaneamente, sem passos manuais.

    Ativacao manual (backup): Se a ativacao automatica nao funcionou (ex., navegador diferente ou extensao ainda nao instalada), copie a chave exibida na pagina de sucesso. Depois abra o painel lateral, clique em Already have a key? Activate it dentro do card Unlock Pro, cole a chave e clique em Activate. A pagina de Opcoes tem o mesmo campo Pro License se preferir (clique com o botao direito no icone do ClickSay > Options).

    Uma vez ativa, a chave fica mascarada. O painel lateral e a pagina de Opcoes mostram os primeiros seis e os ultimos quatro caracteres (por exemplo CSPRO·····103a) com um botao Show para revelar a chave completa. A linha de status mostra o email da conta e a data de renovacao. Um botao Deactivate remove a chave deste dispositivo.


    7. Free vs Pro

    O Que Esta Incluido no Free

    FuncionalidadePlano Free
    Capturas20 por mes
    Presets de saidaSimple e Standard
    PillsURL, Selector, Text, HTML, Styles, Context, File Path
    Retencao de historico7 dias no maximo
    Modo SweepNao disponivel
    Marca na saidaInclui rodape "Captured with ClickSay"

    O Que Esta Incluido no Pro

    FuncionalidadePlano Pro
    CapturasIlimitadas
    Presets de saidaTodos os quatro (Simple, Standard, Detailed, Full)
    PillsTodos os 10 (incluindo Screenshot, Component, A11y)
    Retencao de historicoIlimitada (incluindo opcao "Nunca limpar")
    Modo SweepDisponivel
    Deteccao de frameworkNome completo do componente, caminho e rota
    Auditoria de acessibilidadeAuditoria completa na saida
    Opcoes de auto-purge7, 30, 60, 90 dias ou Nunca
    Marca na saidaSaida limpa, sem rodape de atribuicao

    Precos

    • Free: $0
    • Pro Mensal: $7/mes
    • Pro Anual: $45/ano (46% de economia)

    Como Fazer Upgrade para Pro

    Voce pode fazer upgrade para Pro de duas formas:

    Pelo painel lateral:

    1. Clique no link Upgrade no cabecalho do painel lateral ou na secao de Conta.
    2. Isso abre a pagina de precos em https://clicksay.net/#pricing.
    3. Clique em Go Pro para iniciar o checkout pelo Stripe.

    Pelo overlay de upgrade:

    1. Quando voce atinge seu limite de capturas gratuitas, um overlay aparece na pagina com opcoes de upgrade.
    2. Clique em Go Pro no overlay para iniciar o checkout pelo Stripe.

    Apos o pagamento, uma chave de licenca e gerada e automaticamente enviada para sua extensao. Se a ativacao automatica nao funcionar, copie a chave da pagina de sucesso e insira-a na pagina de Opcoes (clique com o botao direito no icone do ClickSay > Options > Pro License > clique em Activate).

    Limites de Uso e Redefinicoes

    • O contador de uso de capturas e redefinido no inicio de cada mes.
    • O uso e exibido na secao de Conta do painel lateral.
    • Quando voce atinge seu limite de capturas, um overlay aparece na pagina com opcoes de upgrade.

    8. Atalhos de Teclado

    AtalhoOndeO Que Faz
    `Cmd+Shift+K` (Mac) / `Ctrl+Shift+K` (Win/Linux)Qualquer pagina webAtivar o modo de captura diretamente (ignora o menu popup da barra de ferramentas)
    `Escape`Durante o modo de capturaCancelar o modo de captura
    `Escape`Durante gravacaoParar gravacao e fechar popup
    `Escape`Com popup abertoFechar popup
    `Shift+Click`Durante o modo de capturaAdicionar elemento a colecao sweep (Pro)
    `Enter`Na area de texto do popupParar gravacao e copiar para a area de transferencia
    `Shift+Enter`Na area de texto do popupInserir nova linha (nao envia)
    `Cmd+Return` (Mac) / `Ctrl+Enter` (Win/Linux)No painel lateralCopiar para a area de transferencia

    Menu de Contexto

    Clique com o botao direito em qualquer elemento de uma pagina web e selecione ClickSay this element para ativar o modo de captura para aquele elemento.

    Personalizar o Atalho

    Se Cmd+Shift+K / Ctrl+Shift+K nao funciona ou conflita com outra extensao:

    1. Navegue ate chrome://extensions/shortcuts no seu navegador.
    2. Encontre "ClickSay - Vibe Code 20x Faster."
    3. Clique no icone de lapis ao lado de "Activate ClickSay feedback mode."
    4. Grave seu atalho preferido.

    9. Privacidade e Seguranca

    Todos os Dados Ficam Locais

    O ClickSay opera inteiramente dentro do seu navegador. Todo o processamento - captura de DOM, reconhecimento de voz, formatacao de prompts, captura de tela - acontece na sua maquina. Nao ha nenhum servidor do ClickSay processando seus dados.

    O Que Fica no Seu Navegador

    • Todos os dados de elementos capturados (seletores, HTML, estilos, etc.)
    • Todo o texto de feedback por voz
    • Todas as capturas de tela
    • Historico de feedback
    • Suas configuracoes (preferencias de saida, regras de mapeamento)

    O Que Sai do Navegador

    Os dados so saem do seu navegador nestas situacoes, todas iniciadas por voce:

    1. Copia para a area de transferencia - Quando voce copia um prompt, ele vai para a area de transferencia do sistema.
    2. Validacao de licenca - Se voce tem uma chave Pro, a extensao a verifica em https://clicksay.net/api/license/validate. Esta requisicao contem apenas a chave de licenca - nenhum feedback, captura de tela ou dado de usuario.

    Sem Rastreamento

    • Nenhuma analitica ou telemetria de qualquer tipo.
    • Nenhum cookie ou script de rastreamento.
    • Nenhuma conta de usuario ou autenticacao (Pro usa uma chave de licenca, nao uma conta).
    • A extensao nao sabe quem a instalou ou como esta sendo usada.

    Permissoes Explicadas

    PermissaoPor Que e Necessaria
    activeTabAcessar a aba atual para capturar dados do elemento quando voce clica. Ativo apenas quando voce aciona a extensao.
    sidePanelExibir o painel lateral do ClickSay.
    storageArmazenar seu historico, configuracoes e capturas de tela localmente.
    contextMenusAdicionar "ClickSay this element" ao menu de contexto.
    scriptingInjetar o script de captura na aba ativa quando voce ativa o modo de captura.
    clipboardWriteCopiar prompts para a area de transferencia.
    offscreenAlternativa para a area de transferencia em casos onde outros metodos de copia nao funcionam.
    alarmsAgendar limpeza diaria de capturas de tela antigas.

    Sem Permissoes de Host Amplas

    O ClickSay usa a permissao activeTab, que so da acesso a aba com a qual voce esta interagindo ativamente, e somente quando voce aciona a extensao explicitamente. Os unicos sites onde o ClickSay executa um content script automaticamente sao clicksay.net e www.clicksay.net - isso e exclusivamente para receber sua chave de licenca apos a compra.


    10. Perguntas Frequentes

    Posso usar o ClickSay em qualquer site?

    Sim. O ClickSay funciona em qualquer URL - nao apenas em localhost. As unicas excecoes sao paginas internas do Chrome (chrome://), a Chrome Web Store e outras URLs restritas do navegador.

    As paginas que mantem seu conteudo dentro de um quadro incorporado, como os artefatos do Claude ou uma previa do StackBlitz, sao suportadas a partir da v1.2.6.

    Preciso usar voz? Posso apenas digitar?

    Sim, voce pode digitar seu feedback em vez de falar. Apos clicar em um elemento, simplesmente digite na area de texto do popup. O microfone pausa automaticamente quando voce comeca a digitar, portanto nao ha conflito entre voz e teclado. Voce tambem pode combinar voz e digitacao - fale primeiro, depois edite ou adicione texto digitando.

    Posso usar o ClickSay no meu idioma?

    Sim. O ClickSay suporta 20 idiomas para reconhecimento de voz. Voce pode mudar o idioma de voz pelo seletor de idioma inline no popup de feedback ou pela pagina de Opcoes. Os rotulos da interface permanecem em ingles, mas a entrada de voz funciona no idioma escolhido.

    Quais ferramentas de IA funcionam com o ClickSay?

    O ClickSay copia um prompt estruturado para a area de transferencia. Voce pode cola-lo em qualquer ferramenta de IA que aceite entrada de texto: Claude Code, Cursor, Windsurf, Lovable, Bolt, Replit, ChatGPT ou qualquer outro assistente de IA.

    O ClickSay envia meus dados para um servidor?

    Nao. Todo o processamento acontece no seu navegador. A unica requisicao de rede e a validacao da chave de licenca (apenas usuarios Pro). Veja a secao Privacidade e Seguranca para detalhes completos.

    Quais frameworks o ClickSay detecta?

    React, Vue (2 e 3), Angular, Svelte, Next.js e SvelteKit. A deteccao funciona melhor em builds de desenvolvimento. Builds de producao podem remover os dados de depuracao que o ClickSay usa para deteccao.

    Posso capturar multiplos elementos de uma vez?

    Sim, usando o Modo Sweep (apenas Pro). Segure Shift e clique em cada elemento que deseja incluir, depois solte Shift e clique no ultimo elemento. Fale seu feedback uma vez e ele se aplica a todos os elementos selecionados.

    O que acontece quando os limites do plano Free sao redefinidos?

    O contador de uso de capturas e redefinido no inicio de cada mes. Voce nao precisa fazer nada - o contador e redefinido automaticamente.

    Posso re-copiar uma captura anterior?

    Sim. Abra o painel lateral e encontre a captura no seu historico. Clique no botao de copiar (icone de area de transferencia) no item do historico para re-copiar seu prompt. O prompt e regenerado com suas configuracoes atuais de pills. Se o pill de Screenshot esta ativado e a captura inclui uma captura de tela, a imagem tambem e incluida na area de transferencia.

    Como cancelo uma captura no meio do caminho?

    Pressione Escape a qualquer momento durante o modo de captura para cancelar. Isso fecha o popup e desativa o modo de captura.

    O que e o texto "Captured with ClickSay" no meu prompt?

    No plano Free, o ClickSay adiciona um pequeno rodape de atribuicao a saida. Isso nao afeta o desempenho das ferramentas de IA. Faca upgrade para Pro para remover a marca.

    Como verifico atualizacoes da extensao?

    O Chrome atualiza extensoes automaticamente. Voce tambem pode ir a chrome://extensions, ativar "Developer mode" e clicar em "Update" para forcar a verificacao. Verifique o numero da versao na parte inferior do painel lateral.

    Onde posso obter mais ajuda?

    • Visite https://clicksay.net para as informacoes mais recentes
    • Clique no link "Not working? Get help" no rodape do painel lateral
    • Use o widget de chat no clicksay.net para suporte ao vivo
    • Confira a secao What's New em https://clicksay.net/#changelog para notas de lancamento

    Este guia cobre o ClickSay v1.2.4. Para as ultimas atualizacoes, visite https://clicksay.net.

    © 2026 ClickSay. All rights reserved.