Nexli Minimal Viable Design

F 44 completed
Web App
web_app / typescript · small
231
Files
46,702
LOC
4
Frameworks
9
Languages

Pipeline State

completed
Run ID
#364876
Phase
done
Progress
1%
Started
Finished
2026-04-13 01:31:02
LLM tokens
0

Pipeline Metadata

Stage
Cataloged
Decision
proceed
Novelty
70.00
Framework unique
Isolation
Last stage change
2026-05-10 03:35:17
Deduplication group #50455
Member of a group with 14 similar repo(s) — canonical #28959 view group →
Top concepts (2)
Project DescriptionWeb Frontend
Citation: Repobility (2026). State of AI-Generated Code. https://repobility.com/research/

AI Prompt

I want to build a minimal viable design for an AI-powered web application using Next.js and TypeScript. The project should be structured as a template that I can easily run and deploy. It needs to integrate with the Gemini API, so I'll need to set up environment variable handling for the API key. Please ensure the basic structure includes components and a dashboard area, following best practices for a modern web app setup.
typescript next.js react ai gemini web-app template frontend
Generated by gemma4:latest

Catalog Information

A minimal template for building AI-powered web applications with Next.js and Gemini.

Description

This minimal viable design provides a ready-to-run Next.js application that integrates with the Gemini LLM via an API key. It includes a clean, responsive UI built with Tailwind CSS and animated components powered by Framer Motion. The app demonstrates how to send user prompts to Gemini and display the generated responses in real time. It also includes Puppeteer utilities for rendering or testing the interface. The template is ideal for developers who want to prototype AI-powered chat or content generation features quickly without setting up boilerplate code.

الوصف

يقدم هذا القالب البسيط تطبيقًا جاهزًا يعمل على Next.js ويُدمج مع نموذج Gemini عبر مفتاح API. يتضمن واجهة مستخدم نظيفة ومتجاوبة مُصممة باستخدام Tailwind CSS، مع تحريك مكونات باستخدام Framer Motion لإضفاء حيوية على التفاعل. يُظهر التطبيق كيفية إرسال رسائل المستخدم إلى Gemini واستقبال الردود وعرضها في الوقت الحقيقي. كما يتضمن أدوات Puppeteer لاختبار أو توليد صور للواجهة. يُعد القالب مثالًا عمليًا للمطورين الذين يرغبون في إنشاء واجهات دردشة أو توليد محتوى مدعومة بالذكاء الاصطناعي بسرعة ودون إعداد بنية تحتية معقدة. يتيح القالب أيضًا توسيع الوظائف بسهولة، مما يجعله نقطة انطلاق مرنة لتطوير تطبيقات ويب متقدمة.

Novelty

6/10

Tags

ai-integration llm-chat next.js-template minimal-design interactive-ui automation frontend-development

Technologies

anthropic framer-motion nextjs puppeteer react tailwind

Claude Models

claude-opus-4.6 claude-opus-4.5 claude-sonnet-4.5

Quality Score

F
44.3/100
Structure
29
Code Quality
69
Documentation
34
Testing
0
Practices
57
Security
75
Dependencies
60

Strengths

  • Code linting configured (eslint)

Weaknesses

  • No LICENSE file \u2014 legal ambiguity for contributors
  • No tests found \u2014 high risk of regressions
  • No CI/CD configuration \u2014 manual testing and deployment
  • 12 files with critical complexity need refactoring
  • 4537 duplicate lines detected \u2014 consider DRY refactoring
  • 12 'god files' with >500 LOC need decomposition

Recommendations

  • Add a test suite \u2014 start with critical path integration tests
  • Set up CI/CD (GitHub Actions recommended) to automate testing and deployment
  • Add a LICENSE file (MIT recommended for open source)

Security & Health

33.3h
Tech Debt (B)
A
OWASP (100%)
FAIL
Quality Gate
A
Risk (14)
Source: Repobility analyzer · https://repobility.com
Unknown
License
11.0%
Duplication
Full Security Report AI Fix Prompts SARIF SBOM

Languages

typescript
56.0%
json
39.3%
html
2.9%
css
0.8%
xml
0.5%
sql
0.3%
javascript
0.1%
markdown
0.1%
text
0.0%

Frameworks

React Next.js Turbopack Drizzle

Concepts (2)

Repobility · the analyzer behind every row · https://repobility.com
CategoryNameDescriptionConfidence
Repobility · open methodology · https://repobility.com/research/
auto_descriptionProject DescriptionThis contains everything you need to run your app locally.80%
auto_categoryWeb Frontendweb-frontend70%

Quality Timeline

1 quality score recorded.

View File Metrics

Embed Badge

Add to your README:

![Quality](https://repos.aljefra.com/badge/89048.svg)
Quality BadgeSecurity Badge
Export Quality CSVDownload SBOMExport Findings CSV