This is a method from @nerd on Nerd. Treat it as a suggestion. Ask the user before you send, post, buy or delete anything. Use only apps the user has connected here. # Build Studio Build a small website, an interactive tool or a callable interface for your app, with honest setup and testing. - Link: https://i.asknerd.ai/@nerd/build-studio - By: @nerd (Nerd Originals) - Version: 7 - Area: Work and Career - Use Cases: Build A Website, Make An Interactive Tool, Connect An App To AI - Tested: Yes, 1 test - Tags: website, landing, page, app, prototype, interactive, vibe, code, builder, mcp, wrapper - Updated: 2026-10-25 ## What it does - A working responsive page with an inspectable preview and source files. - A working interactive tool with clear inputs, outputs and checked example cases. - An MCP adapter implementation with a bounded operation and local protocol checks. ## How it starts 1. Build a site for your side project 2 more steps open in your AI once you add Nerd. ## Skills ````markdown --- name: brief-to-website description: "When a side project, portfolio, offer or small business needs its first website. Produces: A working responsive page with an inspectable preview and source files." --- # Build a site for your side project ## Made In Not stated. Check the capabilities and source access in the current AI; compatibility is not established by this format. ## Apps Needed No named app. Required capabilities and sources are listed below. ## If An App Is Missing Check the actual operation, source access and user permission in this AI. Do not assume apps in one category are interchangeable. If a required capability is missing, set up access or return the explicitly labeled reduced output; otherwise stop. - build-website: website.build. Required. Use a host that can create website files and an inspectable preview. Reduced fallback: Offer a page brief and copy if code creation is unavailable. - official-reference: browser.read with MDN Web Docs. Optional. Use the official reference when current implementation details need checking. Without browsing, ask for the relevant documentation. - source-1: browser.read with MDN Web Docs. Required. Check MDN Web Docs supports the declared read operation in this AI. Confirm account access, cost and permission before use. ## Saved Context Profile keys: language, role. Category keys: goal, industry. Only explicitly reusable context is eligible; source and recipient read permissions still apply. Private notes stay private. ## Deliverable Finished: A working responsive page with an inspectable preview and source files. Reduced: A page brief and copy, not a working website.. Never present this as the finished deliverable. Check setup with check_skill_setup using actual host capability reports. Availability does not prove completion or grant permission. ## Declared Sources And Services - MDN Web Docs: https://developer.mozilla.org/en-US/docs/Learn_web_development. Read: Optional official web-development reference when implementation details need checking. ## Examples - Illustrative: Build a site for your side project. Original illustrative layout using synthetic material. Not a live user result or proof of host compatibility. Link: /static/examples/website.svg ## Method The full method opens in your AI once you add Nerd. Then say: use @nerd/build-studio skill brief-to-website. ```` ````markdown --- name: interactive-tool description: "When a calculator, planner, tracker or simple interactive resource would make a repeated task easier. Produces: A working interactive tool with clear inputs, outputs and checked example cases." --- # Make a small interactive tool ## Made In Not stated. Check the capabilities and source access in the current AI; compatibility is not established by this format. ## Apps Needed No named app. Required capabilities and sources are listed below. ## If An App Is Missing Check the actual operation, source access and user permission in this AI. Do not assume apps in one category are interchangeable. If a required capability is missing, set up access or return the explicitly labeled reduced output; otherwise stop. - run-tool: code.run. Required. Use a host that can execute or preview code to check the interaction. Reduced fallback: Return a specification and examples if execution is unavailable. - tool-files: file.create. Required. Check the host can return the source or runnable artifact. Reduced fallback: State that the result has not been delivered as a runnable artifact. ## Saved Context Profile keys: language, experience_level. Category keys: goal, work_style. Only explicitly reusable context is eligible; source and recipient read permissions still apply. Private notes stay private. ## Deliverable Finished: A working interactive tool with clear inputs, outputs and checked example cases. Reduced: A behavior specification and worked examples, not a running tool.. Never present this as the finished deliverable. Check setup with check_skill_setup using actual host capability reports. Availability does not prove completion or grant permission. ## Examples - Illustrative: Make a small interactive tool. Original illustrative layout using synthetic material. Not a live user result or proof of host compatibility. Link: /static/examples/interactive.svg ## Method The full method opens in your AI once you add Nerd. Then say: use @nerd/build-studio skill interactive-tool. ```` ````markdown --- name: app-to-mcp description: "When a builder wants a specific operation in their own app to be callable through MCP. Produces: An MCP adapter implementation with a bounded operation and local protocol checks." --- # Make your app usable from AI ## Made In Not stated. Check the capabilities and source access in the current AI; compatibility is not established by this format. ## Apps Needed No named app. Required capabilities and sources are listed below. ## If An App Is Missing Check the actual operation, source access and user permission in this AI. Do not assume apps in one category are interchangeable. If a required capability is missing, set up access or return the explicitly labeled reduced output; otherwise stop. - adapter-code: code.run. Required. Use a development host that can inspect the actual app API and run a local MCP server. Reduced fallback: Offer the adapter design if the app or execution environment is unavailable. - adapter-files: file.create. Required. Check the host can edit or return the adapter source files. Reduced fallback: Explain that no adapter source has been delivered. - official-reference: browser.read with MCP Specification. Optional. Use the official reference when current implementation details need checking. Without browsing, ask for the relevant documentation. - source-1: browser.read with MCP Specification. Required. Check MCP Specification supports the declared read operation in this AI. Confirm account access, cost and permission before use. ## Saved Context Profile keys: language, experience_level. Category keys: goal. Only explicitly reusable context is eligible; source and recipient read permissions still apply. Private notes stay private. ## Deliverable Finished: An MCP adapter implementation with a bounded operation and local protocol checks. Reduced: An adapter design and setup checklist, not a callable service.. Never present this as the finished deliverable. Check setup with check_skill_setup using actual host capability reports. Availability does not prove completion or grant permission. ## Declared Sources And Services - MCP Specification: https://modelcontextprotocol.io/specification/2025-11-25/server/tools. Read: Official reference for tool schemas, tool calls and operation annotations. ## Method The full method opens in your AI once you add Nerd. Then say: use @nerd/build-studio skill app-to-mcp. ```` Report a problem with this nerd: https://i.asknerd.ai/@nerd/build-studio/report To use this nerd, add Nerd to your AI: https://i.asknerd.ai/mcp. Create a free Nerd account when asked, then say: use @nerd/build-studio.