Integrations
Hawiyat × n8n and Claude × Google Sheets.
The n8n skill gives Claude deep knowledge of n8n workflow patterns, node configurations, webhook setups, and Hawiyat API integration. It should already be installed from the Skills section.
How It Works
You describe the automation you want the workflow, the triggers, the actions. Claude uses the n8n skill to determine what nodes are needed, how to connect them, and what the Hawiyat integration requires. It will ask you for any missing details like API tokens, instance URLs, or specific configuration values.
Step-by-Step
- Describe your workflow Tell Claude what you want to automate. Be as specific or as high-level as you like.
- Answer questions The skill will ask for tokens, URLs, or credentials it needs. Paste them in.
- Review the workflow Claude generates the n8n workflow JSON. Review it, ask questions, request changes.
- Deploy Once you're happy, Claude can push the workflow to your n8n instance or export it as a file.
Example workflow: “I want an n8n workflow that watches for new orders in Hawiyat and sends a WhatsApp notification via Evolution API. Also log every order to a Google Sheet.”
Claude will ask for your Evolution API instance URL and token, your Google Sheet ID, and the Hawiyat webhook URL then build the entire workflow node by node.
Pro tip
Start simple. Get one trigger working first (e.g., “send me a Slack message when a new user signs up”), then layer on more complexity.
Will be available soon
Claude can read, write, and analyze your Google Sheets data using natural language. No formulas, no scripts just tell Claude what you need.
How to Connect
Claude connects to Google Sheets through MCP. The easiest way is to just ask:
claude "connect to my Google Sheets"Claude will guide you through the OAuth flow a browser window opens, you authorize, and it's done. No tokens to copy, no config files to edit.
What You Can Do
Read & Query
“Show me all rows where revenue is above $1000” • “What was the total sales last month?” • “Find duplicates in column B”
Write & Update
“Add a new row with today’s data” • “Update the status column for row 5 to Done” • “Append these 10 records from my CSV”
Analyze & Report
“Generate a monthly summary report” • “Create a chart from columns A and B” • “Find trends in this year’s data”
Tip
You can reference multiple sheets in the same conversation. Claude keeps track of which sheet is which and can cross-reference data between them.
Build a complete full-stack application using the nextjs-developer and shadcn-ui skills together. The two skills work in tandem one handles architecture, routing, and data; the other handles UI components and theming.
Recommended Workflow: Frontend First
Start by building the frontend until you're satisfied with how it looks and feels. Once the UI matches your vision, add the backend layer. This way you validate the user experience before committing to data models and API logic.
Step 1: Scaffold & Design the Frontend
Tell Claude what you want to build. Focus on pages, layout, and components. Paste this into Claude:
I want a SaaS landing page with a blog, auth pages (login/signup), and a dashboard. Use Next.js App Router with shadcn/ui. Start with the frontend only I'll handle the backend after.Claude scaffolds the project, sets up routing, builds UI components, and applies theming. Review the result, request changes, iterate on the design until it feels right.
Step 2: Iterate Until You're Happy
Keep refining the frontend. Change layouts, swap components, adjust colors, add animations:
- “Change the dashboard layout to a sidebar navigation”
- “Add a dark mode toggle”
- “Make the hero section responsive with a mobile menu”
- “Use a data table instead of a list for the analytics page”
Step 3: Add the Backend
Once the frontend is solid, paste this into Claude to wire up the backend:
Now add the backend: set up Prisma with PostgreSQL, create User and Post models, add API routes for CRUD, and wire up NextAuth for authentication.Claude adds the data layer, connects it to your frontend components, and handles all the wiring.