Teach your coding agent to design apps for the folding iPhone
A developer wrote an open-source skill that teaches a coding agent how to design app layouts for the folding iPhone, ahead of the device shipping.
Source
@pkyanam on X · 2026-10-17
Written in our own words. Credit to the original author. Link checked 2026-10-19.
What they did
A developer wrote an open-source skill that teaches a coding agent how to design app layouts for the folding iPhone, ahead of the device shipping.
Result (as claimed)
Open source, with pull requests welcome.
Tools they used
The source does not name specific tools.
Cost: Pricing depends on the tools you pick; check each official pricing page.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open your AI agent and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Teach your coding agent to design apps for the folding iPhone What the original author did: A developer wrote an open-source skill that teaches a coding agent how to design app layouts for the folding iPhone, ahead of the device shipping. Reported result (as claimed by the author): Open source, with pull requests welcome. Source: https://x.com/pkyanam/status/2111525744417378795 Tools they used: not named in the source Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Teach your coding agent to design apps for the folding iPhone What the original author did: A developer wrote an open-source skill that teaches a coding agent how to design app layouts for the folding iPhone, ahead of the device shipping. Reported result (as claimed by the author): Open source, with pull requests welcome. Source: https://x.com/pkyanam/status/2111525744417378795 Tools they used: not named in the source Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Teach your coding agent to design apps for the folding iPhone What the original author did: A developer wrote an open-source skill that teaches a coding agent how to design app layouts for the folding iPhone, ahead of the device shipping. Reported result (as claimed by the author): Open source, with pull requests welcome. Source: https://x.com/pkyanam/status/2111525744417378795 Tools they used: not named in the source Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to control coding agents from your phone · How to use Claude Code skills and plugins · How to build an iPhone or Android app with AI
Related use cases
Teach a coding agent to build apps and games for foldable phones
A developer wrote Duology, a skill pack for designing, building, testing and shipping apps on phones that unfold into two screens. With it the agent built Duo Peas, a two-player game where each person gets one half of the open phone.
Dictate to your coding agent
Use Wispr Flow to dictate tasks to Claude Code, which fans the work out to subagents running in the background.
Give coding agents design inspiration from real websites
Built a design MCP server for Claude Code, Codex and OpenCode that searches hundreds of websites and feeds design inspiration into the agent.
Prompt an agent to design a whole RollerCoaster Tycoon-style theme park
An engineer at Magic Patterns built an agent that turns a prompt like "Build me a cool theme park" into a cohesive park with themed worlds, paths and rides, using the same design-system techniques they use to keep AI websites on brand.