> ## Documentation Index > Fetch the complete documentation index at: https://docs.superun.ai/llms.txt > Use this file to discover all available pages before exploring further. # Ideation and Creation > Align ideas in ideation first, then enter creation: after Start Creating, the skill library opens, and you move through concept, demo, and development toward a real product. # Ideation and Creation: Two Steps, Don't Mix Them Up Many people jump straight to "ship a product." There's a critical step in between: **Get the idea clear first, then build it.** Remember it as two phases: * **Ideation**: Figure out what to build, why, and what "done right" looks like. * **Creation**: After you click **Start Creating**, you enter product-building—more superun capabilities unlock, and you move through concept, demo, and development. Ideation is like locking the recipe and the look; creation is opening the kitchen and cooking. One important point: **more superun capabilities unlock only after you click Start Creating.**\ Ideation is mainly about clarity; creation is when those powerful platform capabilities actually get wired into your product. *** ## Why split ideation and creation? These two phases solve different problems. And don't treat "creation" as "demo and development already finished"—creation means you've formally started building; stages still follow. | | Ideation | Creation | | ------------------------------ | --------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | | What you're asking | Is it worth building? Is the direction right? | How do we ship a deliverable product? | | Main deliverables | Analysis, docs, clickable mockups, handoff notes | Concept / demo / development toward a product | | Page nature | Illustrations that clarify the idea | Product preview and implementation (demo may still use fake data) | | superun capabilities | Focus on clarity; not formally wired into a product | Skill library and more; connect by stage | | Relation to demo / development | Not in the creation flow yet | Demo vs development split after creation starts; real data, real permissions, and formal launch usually happen in development | The common trap: treating an ideation mockup as a finished product, or treating "I clicked Start Creating" as "development is done and we can go live."\ A few clicks ≠ ready for real users, and ≠ cloud, payments, or agents already connected. *** ## What can you do in ideation? Ideation has one goal: **make the idea clear enough to discuss and decide.** Typical outputs: * **Analysis**: Read attachments, materials, and data; interpret and synthesize * **Documents**: Requirements, decision records, research reports, acceptance criteria * **Office**: Word / PPT / Excel when clearly needed * **Single-page mockups**: Demo pages, dashboards, reports, calculators—browser-side interaction plus embedded demo data * **Handoff**: Package conclusions for the real build later Ideation **deliberately skips**: * Real backends, persistent storage, account permissions * Formal third-party integrations or production APIs * Full apps on engineering frameworks (at most note as requirements; don't start building on the spot) * Formal deployment So ideation pages are **illustrations that clarify the idea**, not a live product. *** ## When should you enter creation? These signals mean you're past "get clear" and ready to "really build": * You need real data storage, login, or third-party connections * You need a multi-page, multi-module app * Delivery requires engineering frameworks and a build pipeline * Specs are locked and you want to build the product directly * You want to wire superun cloud, payments, agents, multimedia, and similar capabilities into the product A sensible path: polish what's still fuzzy → write the handoff → click **Start Creating**. After creation starts, you usually validate UI and flows in demo first, then move to development to connect real capabilities and data. *** ## What unlocks in creation? Especially the more powerful capabilities Once in creation, you go through concept, demo, and development: set direction and visuals, then ship a Web app (or WeChat Mini Program).\ The [skill library](/superun/integrations/introduction) opens, and many capabilities can be connected as needed. The ones most people should know first: ### 1. Product foundation: cloud, storage, accounts, data * **[Cloud computing](/superun/integrations/cloud)**: Auth, storage, backend—your product's foundation * **[File storage](/superun/integrations/storage)**: Store and retrieve images, documents, and attachments Without these, much of the "smart" and "business" layer has nowhere to land. ### 2. AI that gets work done: more than chat * **[Intelligent customer service](/superun/integrations/intelligent-customer-service)**: Out of the box for support and inquiries; answers with evidence, escalates when needed * **[Intelligent knowledge base](/superun/integrations/intelligent-knowledge-base)**: After you upload materials, answers can cite sources * **[Digital employee](/superun/integrations/digital-employee)**: Office and business workflows, read/write office files, and connect to Feishu, DingTalk, or WeCom These are agents that can enter real workflows—not just chatbots. ### 3. See, hear, speak, generate * **[superun image generation](/superun/integrations/image-generation) / [video generation](/superun/integrations/video-generation) / [AI video generation integration](/superun/integrations/ai-video-generation-integration)**: Wire text-to-image, text-to-video, and image-to-video into your product * **[Text to speech](/superun/integrations/text-to-speech)**: Let the product speak; speech recognition helps it understand people Useful for content, marketing, training, and support assist. ### 4. Payments, reach, WeChat and Mini Programs * **[Payments](/superun/integrations/superun-payment)**: Payments and order-related capabilities * **[SMS](/superun/integrations/sms)**: Verification codes and reach * **[WeChat Mini Program](/superun/integrations/wechat-miniprogram)**: Extend capabilities into WeChat These move you closer to something you can operate for real. ### 5. Business automation: email, maps, enterprise collab * **[Mailbox sync](/superun/integrations/mailbox-sync) / [email resume fetch](/superun/integrations/email-resume-fetch)**: Sync mail and attachments, or auto-collect resumes and parse candidates * **[Amap](/superun/integrations/amap), [Tencent Cloud face capabilities](/superun/integrations/faceid)**: Location and identity verification * **[Feishu](/superun/integrations/feishu) / [DingTalk](/superun/integrations/dingtalk) / [WeCom](/superun/integrations/wecom)**: Connect into everyday enterprise tools ### 6. Let external agents call your project * **[Agent-friendly](/superun/integrations/agent-friendly)**: Let other agents call your project's data and APIs That turns your product from a standalone page into a capability hub for more automation. In short: **creation unlocks more than "keep editing pages"—it's a full library for going live, connecting business, and connecting AI. When you attach real data and formally launch still depends on whether you've entered development.** *** ## A everyday example You want to open a coffee shop. * **Ideation**: Research nearby customers, write positioning, sketch the menu, make a few "what ordering might look like" mockups. Discuss whether it sells and what to change. * **Creation**: Start preparing to open—first a sample room to try the look (like demo), then real POS, membership, inventory, intelligent support, and a Mini Program (like development with real capabilities). Ideation answers "is it worth it, and how do we explain it?"\ Creation answers "how do we build it and connect capabilities?"—validate in demo, then make real accounts, real data, and real launch solid in development. *** ## One-line wrap-up **Ideation**: Analyze, write docs, make static clickable mockups, align the idea.\ **Creation**: After Start Creating, unlock more superun capabilities—cloud and data, intelligent customer service / knowledge base / digital employee, image and video generation, payments and Mini Programs—and move through concept, demo, and development toward a real product. Cheap alignment first, then wire powerful capabilities into a real build, usually saves the most time and keeps you on track.