Workshop Banner

AI-Powered Prototyping & Storytelling

An Interactive Guide to the Workshop

Welcome to the Workshop

This interactive application summarizes the key themes of the "AI-Powered Prototyping and Data Storytelling" workshop. Its purpose is to provide a dynamic and easily explorable resource that brings the workshop's concepts to life. Here, you can navigate through the core modules: Rapid Prototyping, AI-Enhanced Presentations, and Storytelling with Data. Each section is designed to be interactive, allowing you to engage with the material in a more meaningful way than a static document. Use the navigation bar above to jump to the section that interests you most and explore how AI is reshaping digital creation.

Ideation with LLM Interfaces

This section focuses on leveraging Large Language Model (LLM) interfaces for generating and refining ideas. LLMs can act as powerful brainstorming partners, helping you explore diverse concepts, identify potential challenges, and fine-tune your thoughts into actionable plans. Each tool below offers unique strengths for the ideation process.

Gemini Logo

Gemini

Utilize for multi-modal brainstorming, generating creative text, code, images, and providing structured outputs for complex idea generation.

DeepSeek Logo

DeepSeek

Leverage for code-centric ideation, generating and refining technical concepts, algorithms, and exploring programming patterns.

ChatGPT Logo

ChatGPT

Employ for broad general knowledge ideation, content creation, summarization, and refining textual descriptions of concepts and proposals.

AI-Powered Visual Creation

This section highlights AI tools that empower users to generate and manipulate visual content rapidly. From creating quick design mockups to intricate illustrations, these tools streamline the visual aspects of prototyping and content creation, enabling quick iteration and high-quality outputs.

🎨

Canva AI

Utilize AI features within Canva for quick design generation, image editing, and content creation, suitable for various visual prototyping needs.

📦

Microsoft Designer

Leverage AI to generate unique designs, social media posts, invitations, and more from text descriptions, aiding visual mockups.

🖼️

Imagen by Gemini

Create stunning images in seconds with Imagen 4, Gemini's highest quality text-to-image model. Effortlessly transform your ideas into visuals bursting with vivid details and realism. Learn more.

AI-Enhanced Presentations

Learn about AI tools that automate slide creation, optimize layouts, and even generate entire video demonstrations. These technologies help you focus on your narrative and message, while the AI handles the design and visual structure. This section covers tools for slide generation and video creation, followed by an interactive guide on how to frame a project's benefits for a specific ecosystem like Lisk.

Gamma.app

Generate entire presentations from a simple text outline or topic, with automated content suggestions and formatting.

📊

Google Slides

Integrate with AI add-ons for smart layouts, content suggestions, and data visualization directly within your presentations.

📹

Veo 3

Utilize advanced AI video generation capabilities to create high-quality demo videos and explainers from text or simple inputs.

Building for the Lisk Ecosystem

Click on each key point below to see an example of how a project can articulate its value to the Lisk network and community.

Select a topic above to see example content.

Storytelling with Data

This module focuses on using AI to transform raw data into compelling narratives. We explore how AI can assist in analyzing market data, creating powerful visualizations, and generating actionable insights tailored to specific industry tracks. The goal is to move beyond simple data presentation and towards crafting stories that inform and persuade. Interact with the controls below to explore data for different market segments and visualize it using various chart types.

Market Insights

Select a track above to view AI-generated insights and see the corresponding data visualization. This demonstrates how data can be framed to tell a specific story relevant to your audience.

Rapid Prototyping with AI

This section focuses on AI tools specifically designed to generate foundational elements for software development, such as smart contract templates and rapid UI/UX code. These tools accelerate the initial coding phase, allowing developers to quickly scaffold and test core functionalities and interactive prototypes.

📝

Cursor

Explore AI-powered coding assistants to generate boilerplate code for smart contracts, quickly scaffolding common patterns like ERC-20 or NFTs.

🌐

v0.dev

Generate copy-and-pasteable React, Svelte, and Vue components from text prompts, ideal for rapid UI prototyping and scaffolding web applications.

💖

Lovable

Offers AI-powered tools for user research and feedback analysis, helping validate prototypes early in the development cycle by understanding user sentiment.

Resources & Best Practices

Best Practices for AI Tool Combinations

  • Use AI text generators for initial content, then feed it into presentation tools like Gamma.
  • Generate visual assets (icons, backgrounds) with image AIs to use in Canva/Microsoft Designer/Imagen mockups.
  • Combine AI-analyzed data insights with AI video tools like Veo 3 for compelling data reports.
  • Always start with a clear prompt and iteratively refine it. Don't expect perfect results on the first try.
  • Remember that AI is an assistant. Human oversight, critical thinking, and creativity are essential.

External Resources

Workshop Reference Notebook (NotebookLM)

Access curated workshop notes, resources, and supplementary materials in this interactive NotebookLM notebook. Ideal for reviewing concepts, following up on workshop content, and exploring additional references.

Open NotebookLM

Castelian's BUIDL Logs (Telegram Channel)

Join the Telegram channel for ongoing discussions, updates, and curated content about AI prototyping, data storytelling, and workshop-related topics. Connect with the community and stay informed.

Join Telegram Channel

Lisk Vietnam BUIDL-athon (Telegram Group)

Join the Lisk Vietnam BUIDL-athon group for general chat, collaboration, and updates related to the Lisk BUIDL-athon event. Connect with other participants, ask questions, and stay up to date on all things Lisk BUIDL-athon.

Join Lisk BUIDL-athon Group

Idea Bank