NanoAI

NanoAI provides actionable recommendations based on your website's real user data—including analytics, custom events, accessibility scans, SEO performance, and more. These insights help you prioritize improvements that matter most.

What NanoAI Does

NanoAI reviews a variety of datasets collected from your site and generates tailored, practical guidance to improve user experience, accessibility, performance, and compliance.

Data Sources Used

NanoAI analyzes the following data types:

• Analytics Events: User behavior, traffic patterns, and engagement.
• Insights: Automated findings derived from your analytics.
• Custom Events: Developer-defined events such as form submissions and modal opens.
• SEO Performance: Reports on your site's search engine optimization health.
• Accessibility compliance: Automated evaluations of your site's accessibility compliance.

How Recommendations Are Generated

NanoAI uses OpenAI's language model to interpret your project’s latest data and returns recommendations as a structured JSON array of UI components—perfect for building actionable, interactive dashboards.

Who Can Use NanoAI

NanoAI is available to users with an active paid subscription plan. Free-tier users will need to upgrade to access this feature.

Your plan tier determines the number of NanoAI requests you can make per day:

If you exceed your limit, you’ll receive a message indicating that you’ve reached the daily cap.

Access Control and Project Validation

To ensure security, NanoAI only works with projects owned by the authenticated user. If the project ID submitted does not match your account, access will be denied.

What Happens When You Request Recommendations

1. Authentication & Subscription: You must be signed in and have a paid plan.
2. Rate Limiting: Your daily limit is enforced based on your plan.
3. Ownership Check: NanoAI only works on your own projects.
4. Data Collection: NanoAI automatically fetches the latest analytics, insights, custom events, accessibility scans, and SEO scans for your project.
5. AI Processing: OpenAI’s model interprets your data and generates a structured JSON array of actionable recommendations.
6. Response: The recommendations are returned as a JSON array, ready for rendering in your dashboard UI.

Sample Use Cases

• Identify UX Bottlenecks: See where users are dropping off and how to streamline their journey.
• Boost Accessibility: Get specific fixes based on scan results and accessibility scoring.
• Improve SEO: Address crawl errors, metadata issues, and structural problems.
• Validate Custom Events: Ensure your app's event flows are working as expected.

Example Output

Here’s a simplified example of the JSON output you’ll receive from NanoAI:

[
  { "type": "heading", "props": { "level": 2, "text": "Analytics Insights" } },
  {
    "type": "accordion",
    "props": { "title": "Bounce rate is high on the pricing page" },
    "children": [
      {
        "type": "paragraph",
        "props": {
          "text": "Consider simplifying the content or adding testimonials to keep users engaged."
        }
      }
    ]
  },
  { "type": "heading", "props": { "level": 2, "text": "Accessibility" } },
  {
    "type": "accordion",
    "props": { "title": "2 Critical Issues: Missing form labels" },
    "children": [
      {
        "type": "paragraph",
        "props": {
          "text": "Fix missing form labels to improve compliance and usability."
        }
      }
    ]
  },
  {
    "type": "accordion",
    "props": { "title": "1 Moderate Issue: Inconsistent heading structure" },
    "children": [
      {
        "type": "paragraph",
        "props": {
          "text": "Ensure headings are used in a logical order to help screen readers."
        }
      }
    ]
  },
  { "type": "heading", "props": { "level": 2, "text": "SEO" } },
  {
    "type": "accordion",
    "props": { "title": "Missing meta descriptions on 3 pages" },
    "children": [
      {
        "type": "list",
        "props": {
          "items": [
            "Shorten titles for mobile",
            "Add descriptive meta tags for better search visibility"
          ]
        }
      }
    ]
  }
]

Note: NanoAI's response will always be a valid JSON array of UI components as described above—never markdown or plain text.