Employee #5 @weweb_io (YC W21). I teach programming & marketing to no-coders

Paris, France
Joined May 2011
How to learn anything for free. A thread ๐Ÿ‘‡๐Ÿงต
22
98
9
375
Joyce Kettering retweeted
me: okโ€ฆ what do I prompt next? WeWeb AI: I got you. Just press Tab โ‡ฅ
1
2
8
360
Joyce Kettering retweeted
You have a senior engineer: Claude at work 24/7. Then... Why does an experienced design engineer still build in WeWeb? "๐˜ž๐˜ฆ๐˜ž๐˜ฆ๐˜ฃ ๐˜ฐ๐˜ง๐˜ง๐˜ฆ๐˜ณ๐˜ด ๐˜ฎ๐˜ฆ ๐˜ข ๐˜ด๐˜ต๐˜ณ๐˜ถ๐˜ค๐˜ต๐˜ถ๐˜ณ๐˜ฆ๐˜ฅ ๐˜ฑ๐˜ญ๐˜ข๐˜ค๐˜ฆ ๐˜ต๐˜ฐ ๐˜ฃ๐˜ถ๐˜ช๐˜ญ๐˜ฅ. ๐˜ ๐˜ฌ๐˜ฏ๐˜ฐ๐˜ธ ๐˜ธ๐˜ฉ๐˜ฆ๐˜ณ๐˜ฆ ๐˜ฆ๐˜ท๐˜ฆ๐˜ณ๐˜บ๐˜ต๐˜ฉ๐˜ช๐˜ฏ๐˜จ ๐˜ช๐˜ด ๐˜ฅ๐˜ฆ๐˜ง๐˜ช๐˜ฏ๐˜ฆ๐˜ฅ ๐˜ช๐˜ง ๐˜ ๐˜ฏ๐˜ฆ๐˜ฆ๐˜ฅ ๐˜ต๐˜ฐ ๐˜ฑ๐˜ถ๐˜ต ๐˜ฎ๐˜บ ๐˜ฉ๐˜ข๐˜ฏ๐˜ฅ๐˜ด ๐˜ช๐˜ฏ ๐˜ช๐˜ต.โ€ ~ @jptrinhh He shipped Carrousl in just over three weeks. It's a photo library that turns your pictures into Instagram and TikTok carousels. He builds in Claude Code, connected to WeWeb through MCP. WeWeb handles frontend, backend, auth and database. Stripe for payments. Resend for email. Cloudflare for hosting. Here's the playbook he has used to take 10+ apps from idea to production since he started working with the WeWeb MCP in Claude: ๐Ÿญ. ๐——๐—ฒ๐˜€๐—ถ๐—ด๐—ป ๐—ณ๐—ถ๐—ฟ๐˜€๐˜. He uses Claude to pull references from Mobbin and create mockups in Paper, working out the spec before implementation. ๐Ÿฎ. ๐—•๐˜‚๐—ถ๐—น๐—ฑ ๐—ถ๐—ป ๐—ช๐—ฒ๐—ช๐—ฒ๐—ฏ, ๐˜ƒ๐—ถ๐—ฎ ๐— ๐—–๐—ฃ. He established a design system early, so Claude reuses existing tokens and no-code components. ๐Ÿฏ. ๐—”๐—ฑ๐—ฑ ๐—ฐ๐˜‚๐˜€๐˜๐—ผ๐—บ ๐—ฐ๐—ผ๐—บ๐—ฝ๐—ผ๐—ป๐—ฒ๐—ป๐˜๐˜€ ๐˜„๐—ต๐—ฒ๐—ฟ๐—ฒ ๐—ป๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ. His image cropper, for example, lives in GitHub. He edits the code, pushes it, and syncs the component into WeWeb. ๐Ÿฐ. ๐—ฅ๐—ฒ๐˜ƒ๐—ถ๐—ฒ๐˜„ ๐—ถ๐—ป ๐˜๐—ต๐—ฒ ๐—ฒ๐—ฑ๐—ถ๐˜๐—ผ๐—ฟ, ๐˜๐—ต๐—ฒ๐—ป ๐˜๐—ฒ๐˜€๐˜. He checks the CSS and workflow logic before testing in preview and staging. An isolated bug gets a manual fix. An issue affecting several components goes back to Claude. ๐Ÿฑ. ๐—ฃ๐˜‚๐—ฏ๐—น๐—ถ๐˜€๐—ต, ๐—ฒ๐˜…๐—ฝ๐—ผ๐—ฟ๐˜ & ๐˜€๐—ฒ๐—น๐—ณ-๐—ต๐—ผ๐˜€๐˜. Publishing triggers an export, and Cloudflare rebuilds the app. The agent does most of the building. WeWeb gives JP an app editor to see it, fix it and decide what ships. Hereโ€™s Carrousl ๐Ÿ‘‡
2
1
12
775
Did I miss anything? Do you have a message for Aneeq? ๐Ÿ˜„
1
1
6
374
๐Ÿคฏ
Friend yesterday: "Could you build Excel in WeWeb?" Me: "Hold on, let me grab my phone." Well ๐Ÿ™‚ One prompt + Claude Opus later:
121
Joyce Kettering retweeted
โฐ Monday updates. Daily digests. Monthly cleanups. Scheduled tasks are here in WeWeb ๐Ÿฅณ No extra automation tool needed. Hereโ€™s how to set up your first cron job ๐Ÿ‘‡
4
2
1
11
643
Joyce Kettering retweeted
cron jobs are coming to WeWeb time to make a list ๐Ÿ‘€
1
1
9
373
Joyce Kettering retweeted
A picture is worth a thousand words. Or at least one very long prompt ๐Ÿ–ผ๏ธ Have a reference in mind? Show WeWeb AI instead of trying to put it all into words. Drag an image, PDF, or text file straight into the chat ๐Ÿ‘‡
14
3
22
740
Joyce Kettering retweeted
Replying to @HubSpot
@HubSpot fans, we have news ๐Ÿ‘€ You can now connect HubSpot natively to WeWeb! โœจ And yes, WeWeb AI can build with your HubSpot data too. Give it a brief and start building the dashboards, portals, and internal tools your team needs:
2
1
1
10
675
Joyce Kettering retweeted
Now do more with @Stripe in WeWeb. A lot more ๐Ÿ’ณ Sell a subscription โ†’ send an invoice โ†’ issue a refund โ†’ build a billing dashboard... and more! Try it out and tell us what's still missing ๐Ÿ‘€ Hereโ€™s what you could do before vs. what you can do now ๐Ÿ‘‡
2
3
12
462
Joyce Kettering retweeted
Prompts tell AI what to do. Taste is knowing when to say NO ๐Ÿšซ Now you can protect the parts of your WeWeb project AI shouldnโ€™t change: Pages, workflows, components, tables, APIs, variables, and more ๐Ÿ”’ Set your AI guardrails today:
1
3
11
482
Joyce Kettering retweeted
ICYMI, we launched our @mondaydotcom integration last week ๐ŸŽ‰ So this Monday, beat the blues. Build instead. Build that client portal. Automate that team workflow. โœจ Connect monday to WeWeb โ†’ Ask AI to build on top of your boards:
2
3
1
10
602
Joyce Kettering retweeted
๐Ÿ‘จโ€๐Ÿ’ป Vibe coding your app? Before you ship it, run this security checklist: ๐Ÿ” AUTH & ACCESS Test like a hacker. โ˜ Create two test users. Copy one user's read request as cURL, replay it in Postman with the other user's record ID. Do you get their data? โ˜ Replay the same request as an update. Does their record change? โ˜ Replay it as a delete action. Is their record gone? โ˜ As a normal user, call an admin or privileged endpoint directly. Does the backend reject you? โ˜ Change fields like `role`, `owner_id`, `user_id` or `workspace_id` in a request. Can you give yourself access you shouldnโ€™t have? โ˜ Sign out completely. Replay a write request with the authorization header removed. Does the backend accept it? ๐Ÿ—„๏ธ DATA & SECRETS Consider it public until you test it. โ˜ Open DevTools โ†’ Network and reload every sensitive page. Do any responses contain records or fields the current user shouldnโ€™t receive? โ˜ Inspect request headers, payloads, frontend bundles and browser storage. Can you find any private API key, service credential or secret? โ˜ Are you storing sensitive data you donโ€™t actually need? ๐Ÿงน INPUT & INTEGRATIONS Never trust user input. โ˜ Replay a request without using the UI. Send missing fields, extra fields, invalid values and oversized input. Does the backend reject them safely? โ˜ Upload an invalid or oversized file. Does the backend enforce the same rules as the frontend? โ˜ Make a third-party integration fail or timeout in staging. Does your workflow fail safely without leaking internal details? ๐Ÿšฆ ABUSE PROTECTION Never assume the user โ€œwonโ€™t find out". โ˜ Repeat a harmless action several times in staging. Do login, AI, email, upload and export actions eventually hit an appropriate limit? โ˜ Retry an action that should only happen once. Can it accidentally send two emails, create two payments or run twice? ๐Ÿ”Ž LOGGING & RETESTING No app is 100% secure. Keep testing. โ˜ Trigger a failed login or denied request. Can you find the event in your backend logs without passwords, tokens or secrets being logged? โ˜ Change a role, workflow or data model, then rerun the permission tests. Do the same security rules still hold? ๐Ÿ’ก And one worth remembering: Hiding a button, field or page in the frontend is UX. It is NOT security. Save this before your next launch. ๐Ÿ”–
8
4
1
19
1,223
Joyce Kettering retweeted
WeWeb is now a verified @claudeai Connector! ๐ŸŽ‰ Coding agents are democratizing the power to build across teams. Thatโ€™s great... until IT is left worrying about the security and maintainability of what gets shipped. Thatโ€™s where WeWeb MCP comes in ๐Ÿ‘‡
3
8
16
421
Joyce Kettering retweeted
Hey @NotionHQ & @n8n_io lovers ๐Ÿ‘‹ Look what's new today:
3
14
495
Joyce Kettering retweeted
๐Ÿฅ ๐—”๐—ฑ๐—ฑ ๐—”๐—œ ๐˜๐—ผ ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ฎ๐—ฝ๐—ฝ ๐—ถ๐—ป ๐—ท๐˜‚๐˜€๐˜ ๐—ฎ ๐—ณ๐—ฒ๐˜„ ๐—ฐ๐—น๐—ถ๐—ฐ๐—ธ๐˜€ with native integrations for @OpenAI, @AnthropicAI, and @GeminiApp. 1๏ธโƒฃ Choose an action: generate text, create images, or build embeddings 2๏ธโƒฃ Pick the best model for your use case 3๏ธโƒฃ Connect the output to your appโ€™s data and logic And once itโ€™s live, ๐˜๐—ฟ๐—ฎ๐—ฐ๐—ธ ๐—ฟ๐—ฒ๐—พ๐˜‚๐—ฒ๐˜€๐˜๐˜€, ๐˜๐—ผ๐—ธ๐—ฒ๐—ป ๐˜‚๐˜€๐—ฎ๐—ด๐—ฒ, ๐—ฎ๐—ป๐—ฑ ๐—ฐ๐—ผ๐˜€๐˜๐˜€ in one place. Hear the full update from @msandys_ ๐Ÿ‘‡
3
1
8
665
Joyce Kettering retweeted
I made a textarea component that resizes depending on its content in @weweb_io Here is the demo where I apply it for 3 use cases: โ†’ An editable title in a drawer โ†’ A note column in a table โ†’ A chat input
1
3
4
412
Joyce Kettering retweeted
๐Ÿคฏ @SpotifyEng shipped Xirp, an agent-agnostic vibe coding environment. We loved the idea, and of course, the team had to try it. So we connected the agents to WeWeb through MCP and gave them a few apps to build: โ†’ KPI Dashboard โ†’ Task Management Under the hood, they share the same global design system, so every app stays on-brand as we build. Plus, a routing skill that hands off tasks cleanly: mockups to Gemini, frontend to Claude, and backend to Codex. And the end result isnโ€™t a throwaway prototype. Itโ€™s a secure, working WeWeb app thatโ€™s still easy to understand and edit visually when a human wants to jump in. ๐Ÿซต What are you waiting for? Bring your own agents and start building with a visual editor in the loop: weweb.io/product/mcp
3
4
1
10
1,024
Joyce Kettering retweeted
๐Ÿ˜ฒ Wow, what a UI library. Time to bring these components into WeWeb: 1. Paste the component code into Claude 2. Ask it to build the component in your WeWeb project 3. Restyle it, wire up the logic, and make it yours โœจ
found a gold mine for design engineers building ai interfaces beautiful-ui-five.vercel.appโ€ฆ
5
1
2
10
1,834
Joyce Kettering retweeted
๐Ÿงฉ Our marketing team is big fans of building HTML artifacts with Claude and ChatGPT. Itโ€™s fast. It feels interactive. No context switching. The problem starts when the wider team needs to rely on it. You can share these artifacts in one click. But suddenly itโ€™s hard to answer: โ€ข Who can see and edit what? โ€ข Can someone on the team update this next week? โ€ข Is this a one-off file? Or is it becoming an actual internal tool? With WeWeb MCP, our team is moving those HTML artifacts into WeWeb. Same speed to build. Now the whole team can use it, maintain it, and control who gets access. And this isnโ€™t unique to our team. Across companies, non-engineers are building and shipping the tools they need themselves. It makes sense. Theyโ€™re the people closest to the problem. Then IT gets pulled in to review data security and permissions. And too often, the โ€œsafeโ€ answer is to ban citizen development altogether. That fixes the mess. It also kills the momentum. With WeWeb, teams donโ€™t have to choose between speed and control: โ†’ Vibe code when you want to move fast. โ†’ Open the visual editor when you need visibility into workflows, data, and access rules. Hereโ€™s a glimpse of how authentication and user data are handled ๐Ÿ‘‡
5
5
12
736
Joyce Kettering retweeted
Here is my workflow when I want to improve a coded component in @weweb_io I wanted to create a floating comment input on my Rich text editor. I went through this process: First I needed to understand how the toolbar visibility was controlled. It allowed me to implement my feature the best way. I've used Claude Code to help me in those steps. Then, to mock it up, I used WeWeb MCP along with a simple screenshot of Claude UI to recreate the design on my page.
1
4
5
317