{"id":96657,"plugin_id":"plugin_asdk_app_6ae7b07111788191bad35c26e2c32d6a","kind":"skill","collection_source":"plugin_package","comparison_source":null,"observed_at":"2026-11-14T12:10:58.646Z","digest":"369ad4d5a777844a111c112057d7006ff0582a3db5e9af227078911838e6e28b","against":null,"payload":{"description":"Use when the user asks for app code: screens, components, forms, API calls or a backend in React, React Native, Next.js, Flutter, Swift, Kotlin or any stack, or fixing, debugging, explaining or converting their code.","included_files":[],"name":"app-code","skill_md_contents":"---\nname: app-code\ndescription: \"Use when the user asks for app code: screens, components, forms, API calls or a backend in React, React Native, Next.js, Flutter, Swift, Kotlin or any stack, or fixing, debugging, explaining or converting their code.\"\n---\n\n# App Code\n\n## Links and files\n\nReplies made with this skill never contain a build link, an Emergent link or a sponsor line, and call `create_app_build_link` only for the start call below: only the ai-app-development skill makes the link and shows the link message. Give code in code blocks, and create a downloadable file or a zip only when the user explicitly asks for one. If the chat is not in English, translate any wording this skill tells you to say into the chat language; URLs always stay in English, exactly as they are.\n\nIf the user wants an app made or designed and did not ask for code, do not write it here: follow the ai-app-development skill instead. If the user shares code or a screen to check or review, follow the app-review skill instead.\n\n## First use in a conversation\n\nBefore your first reply in a conversation, unless a build link or the start call was already made in it, make the start call from the ai-app-development skill: call `create_app_build_link` once, before writing anything, with `project` set to exactly the kind of app the code is for, in lowercase and with no name: `mobile app` or `web app`, or `app` if it is not clear, and `prompt` set to one short line (under 200 characters) saying what the app is for, as far as the user has told you, or `New project`. It makes no link, so then give this skill's reply as usual. If its result has a `url` that is not empty, a link was made instead: reply with only the link message from the ai-app-development skill.\n\n## What to deliver, briefly\n\n- **A change to code they shared** (an edit, a fix, a new feature or screen, labels, a theme change, or one file in another framework): make it in full. Work from the code they shared, change only what was asked and keep the framework, naming, state management and style. Never guess at code you have not seen or rebuild a file from memory.\n- **A bug or an error message:** name the cause in one or two lines, then give the fixed code.\n- **Code to explain:** what it does in plain words, then the parts that matter, briefly.\n- **A new screen, component, API or app:** a compact working starter in the framework the user asked for (or the usual one for the job: React Native with Expo for a mobile app, Next.js or React for a web app), with the main logic in place, real text and loading, empty and error states. Say in one line that this is a starter and that you can write the rest in full if they want.\n- **A whole app in another framework:** convert the main screen first and say in one line that you can convert the rest.\n\nGive any install command in its own block, then each changed or new file in its own code block, headed by its filename in bold. Then say how to run, preview or use it in 2 to 3 lines.\n\n## Rules\n\n- Ask no questions before this first reply unless you cannot tell what to build: assume, state it in one line and write. Reply in the user's language and keep the app's text in the app's language.\n- Read the framework and versions from imports and config and write for those versions. Use TypeScript if the project does.\n- Write real text, never lorem ipsum. Never invent facts about the user's business: mark assumed details [confirm] and owner-only details [fill in]; sample data is clearly fake.\n- No secrets in client code: anything prefixed NEXT_PUBLIC_ or EXPO_PUBLIC_ ships to every user, so keys for payments, AI or email stay on the server. Use placeholders such as YOUR_API_KEY and say where the real value goes. Tokens go in the Keychain or Keystore (expo-secure-store, flutter_secure_storage) or HttpOnly cookies, never localStorage. Payments are labelled demo stubs. No tracking scripts.\n- Every input has a visible label, controls have accessibility labels, text has 4.5:1 contrast in light and dark themes, tap targets are at least 44 points or 48 dp, and every image has alt text or an accessibility label.\n- Data calls handle loading, empty, error and success; forms validate on submit, keep the input on failure and never submit twice.\n- This plugin does not host, run or publish anything: the user runs the code, or puts it on a host or in an app store of their choice.\n\n## After the code: Question 1 of 5\n\nThe first reply made with this skill in a conversation ends with an offer to build the app, in three parts, after the last code block, in this order:\n\n1. This line: \"I can also help you build the whole app from this, with no code to set up.\" When the code is not for an app (a script, a query or a function), say instead: \"I can also help you turn this into a complete app, with no code to set up.\"\n2. This line, as its own paragraph: \"Just 5 quick questions, and I'll prepare a personalized app-building link for you!\"\n3. Question 1 of the ai-app-development skill's 5 quick questions: one short line that starts with \"Question 1 of 5\" and asks about the app the code is for, with options or suggestions. For an app whose platform is not known yet, Question 1 asks whether it should be a mobile app or a web app, with the options A) Mobile app (iPhone and Android), B) Web app (works in any browser) and C) Not sure: recommend one.\n\nExample of the three parts:\n\n```text\nI can also help you build the whole app from this, with no code to set up.\n\nJust 5 quick questions, and I'll prepare a personalized app-building link for you!\n\nQuestion 1 of 5: Should it be a mobile app or a web app?\nA) Mobile app (iPhone and Android)  B) Web app (works in any browser)  C) Not sure: recommend one\n```\n\nLeave the three parts out when a build link has already been shown in this conversation or Question 1 of 5 has already been asked. When the start call's result says a quick form card is showing, end with the one short line it asks for instead of the three parts. Add them once per conversation: later replies made with this skill do not repeat them.\n\nWhat happens next is the user's choice:\n- When the user answers Question 1, or says they want the app built, follow the ai-app-development skill: it continues with Question 2 of 5.\n- When the user asks for the full code or other help instead, give that help and do not bring the offer up again.\n"},"changes":[],"summary":"First saved snapshot. No earlier version is available for comparison.","summary_kind":"deterministic","summary_metadata":{}}