MR
Mayur Rathi
@sickn33
⭐ 47.3k GitHub stars

google-no-code

google-no-code is an productivity AI skill with a core value of Design Google Forms and wire Apps Script triggers (onFormSubmit) for email alerts, spreadsheet logging, and dynamic questions — no code editor required. It helps developers solve real-world problems in the productivity domain, boosting efficiency, automating repetitive tasks, and optimizing workflows.

Design Google Forms and wire Apps Script triggers (onFormSubmit) for email alerts, spreadsheet logging, and dynamic questions — no code editor required.

Last verified on: 2026-10-06

Quick Facts

Category productivity
Works With Claude
Source sickn33/antigravity-awesome-skills
Stars ⭐ 47.3k
Last Verified 2026-10-06
Risk Level Low
mkdir -p ./skills/google-no-code && curl -sfL https://raw.githubusercontent.com/sickn33/antigravity-awesome-skills/main/skills/google-no-code/SKILL.md -o ./skills/google-no-code/SKILL.md

Run in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).

Skill Content

# Google No-Code Forms Automation


Overview


Guides the user through building a Google Form in the Forms UI and connecting it to Google Apps Script triggers, without writing a custom integration or leaving the browser. Covers form design, the Apps Script editor, the `onFormSubmit` trigger, and small response-handling scripts that run automatically when a form is submitted.


When to Use This Skill


- Use when the user wants to build a Google Form and automate what happens after submissions.

- Use when the user asks for email alerts, spreadsheet logging, or conditional handling of form responses.

- Use when the user wants Apps Script snippets to paste into a form bound script project.

- Skip this skill if the user needs custom UI, paid APIs, or a full standalone Apps Script application.


How It Works


Step 1: Define the form in the Forms UI


Create the form in Google Forms with clear questions, answer types (short answer, multiple choice, checkbox), and required fields. Match question IDs to what the script will need later. Add a description to the form so respondents know what to expect.


Step 2: Open the bound Apps Script editor


In the form, go to `Extensions > Apps Script`. This opens a project bound to the form. The script can read each submission through the `e.response` event object.


Step 3: Write the response handler


Add a function that accepts the `onFormSubmit` event, reads `e.response` with `getItemResponses()`, and then performs the desired action: send an email, write to a spreadsheet, or branch on answers.


Step 4: Install the trigger


In Apps Script, go to the clock/triggers menu, select the `onFormSubmit` function, choose the event source **From form** and event type **On form submit**, then save and authorize. The function runs automatically on each new submission.


Step 5: Test with a real submission


Submit a test response from a private/incognito window and verify the email, sheet row, or log arrives once. Check the Apps Script executions page (`Executions` in the editor) for errors and read the stack trace if something fails.


Examples


Example 1: Email notification on every response


javascript
function onFormSubmit(e) {
  const response = e.response;
  const email = getEmail(response);
  MailApp.sendEmail({
    to: email,
    subject: "Form submission received",
    body: "Thank you. We have recorded your response."
  });
}

function getEmail(response) {
  const items = response.getItemResponses();
  for (const item of items) {
    if (item.getItem().getTitle().toLowerCase().includes("email")) {
      return item.getResponse();
    }
  }
  return Session.getActiveUser().getEmail();
}

Example 2: Log each response to a Google Sheet


javascript
function onFormSubmit(e) {
  const sheet = SpreadsheetApp.openById(SHEET_ID).getSheetByName("Responses");
  const itemResponses = e.response.getItemResponses();
  const row = [new Date()].concat(itemResponses.map(r => r.getResponse()));
  sheet.appendRow(row);
}

Example 3: Branch on a multiple-choice answer


javascript
function onFormSubmit(e) {
  const items = e.response.getItemResponses();
  for (const item of items) {
    if (item.getItem().getTitle().toLowerCase() === "priority") {
      const priority = item.getResponse();
      const subject = priority === "High" ? "[URGENT] " : "";
      MailApp.sendEmail({ to: MANAGER_EMAIL, subject: subject + "New submission", body: itemResponsesText(e) });
    }
  }
}

Best Practices


- ✅ Test every trigger with a real submission before telling the user it works.

- ✅ Use clear, stable question titles so the script can match items by title instead of fragile indexes.

- ✅ Keep secrets and API keys in script properties, never hard-coded in the file.

- ✅ Add try/catch around handler logic and log errors with `Logger.log` so failures surface in the Executions page.

- ❌ Do not grant broad scopes; run with the minimum permission the form action needs.

- ❌ Do not

🎯 Best For

  • UI designers
  • Product designers
  • Claude users
  • Knowledge workers
  • Remote teams

💡 Use Cases

  • Generating component mockups
  • Creating design system tokens
  • Using google-no-code in daily workflow
  • Automating repetitive productivity tasks

📖 How to Use This Skill

  1. 1

    Install the Skill

    Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.

  2. 2

    Load into Your AI Assistant

    Open Claude and reference the skill. Paste the SKILL.md content or use the system prompt tab.

  3. 3

    Apply google-no-code to Your Work

    Provide context for your task — paste source material, describe your audience, or share existing work to guide the AI.

  4. 4

    Review and Refine

    Edit the AI output for accuracy, tone, and completeness. Add human insight where the AI lacks context.

❓ Frequently Asked Questions

Does this work with Figma?

Some design skills integrate with Figma plugins. Check the Works With section for supported tools.

How do I install google-no-code?

Copy the install command from the Terminal tab and run it. The skill downloads to ./skills/google-no-code/SKILL.md, ready to use.

Can I customize this skill for my team?

Absolutely. Edit the SKILL.md file to add team-specific instructions, examples, or workflows.

⚠️ Common Mistakes to Avoid

Skipping usability testing

AI-generated designs should be validated with real users before development.

Not reading the full skill

Skills contain important context and edge cases beyond the quick start.

🔗 Related Skills