Glass Box

C 66 completed
Web App
web_app / typescript · small
162
Files
27,446
LOC
2
Frameworks
6
Languages

Pipeline State

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

Pipeline Metadata

Stage
Skipped
Decision
skip_scaffold_dup
Novelty
43.79
Framework unique
Isolation
Last stage change
2026-04-16 18:15:42
Deduplication group #47413
Member of a group with 7 similar repo(s) — canonical #15973 view group →
Top concepts (12)
Project DescriptionpresentationinfrastructuretestingWeb FrontendNotificationsAuthenticationTestingSearchConfigurationDatabaseFile Management
Methodology: Repobility · https://repobility.com/research/state-of-ai-code-2026/

AI Prompt

Create a modern, interactive web application using Next.js and TypeScript. I need the structure to be set up so I can easily build out components, handle routing within the `app/` directory, and utilize hooks. The project should be optimized for a great user experience, leveraging Next.js features like font optimization. Please ensure the basic file structure, including components and utility libraries, is in place.
typescript next.js react web-app frontend
Generated by gemma4:latest

Catalog Information

glass_box is a web application built using Next.js, providing an interactive and optimized user experience.

Description

This project is a Next.js application that uses various libraries such as framer-motion, radix-ui, and recharts to create a visually appealing interface. It also utilizes tailwind for styling and zod for data validation. The project does not appear to use any databases. The purpose of this project is to demonstrate the capabilities of Next.js and its ecosystem.

الوصف

هذا المشروع هو تطبيق ويب مبني على Next.js، يستخدم مكتبات مثل framer-motion و radix-ui و recharts لإنشاء واجهة مستخدم جذابة. كما يستخدم tailwind للتصميم والتحقق من البيانات باستخدام zod. لا يظهر أن المشروع يستخدم أي قواعد بيانات. الغرض من هذا المشروع هو تظليل قدرات Next.js ومجتمعه.

Novelty

5/10

Tags

interactive-ui data-visualization nextjs tailwindcss

Technologies

framer-motion nextjs radix-ui react recharts tailwind zod

Claude Models

claude-sonnet-4.5

Quality Score

C
65.6/100
Structure
59
Code Quality
88
Documentation
54
Testing
50
Practices
57
Security
76
Dependencies
90

Strengths

  • Code linting configured (eslint)

Weaknesses

  • No LICENSE file \u2014 legal ambiguity for contributors
  • No CI/CD configuration \u2014 manual testing and deployment
  • 1 files with critical complexity need refactoring
  • 1978 duplicate lines detected \u2014 consider DRY refactoring
  • 2 'god files' with >500 LOC need decomposition

Recommendations

  • Set up CI/CD (GitHub Actions recommended) to automate testing and deployment
  • Add a LICENSE file (MIT recommended for open source)

Security & Health

10.8h
Tech Debt (A)
High
DORA Rating
A
OWASP (100%)
Powered by Repobility — scan your code at https://repobility.com
PASS
Quality Gate
A
Risk (1)
Unknown
License
3.6%
Duplication
Full Security Report AI Fix Prompts SARIF SBOM

Languages

typescript
36.7%
json
33.6%
markdown
25.9%
shell
3.6%
javascript
0.1%
css
0.1%

Frameworks

React Next.js

Symbols

function355
variable292
interface44
type_alias19
constant17
class1
method1

Concepts (13)

Repobility (https://repobility.com) — every score reproducible
CategoryNameDescriptionConfidence
Repobility — same analyzer, your code, free for public repos · /scan/
auto_descriptionProject DescriptionThis is a Next.js project bootstrapped with create-next-app.80%
arch_layerpresentationDetected presentation layer70%
arch_layerinfrastructureDetected infrastructure layer70%
arch_layertestingDetected testing layer70%
auto_categoryWeb Frontendweb-frontend70%
business_logicNotificationsDetected from 2 related files50%
business_logicAuthenticationDetected from 3 related files50%
business_logicTestingDetected from 46 related files50%
business_logicSearchDetected from 3 related files50%
business_logicConfigurationDetected from 10 related files50%
business_logicDatabaseDetected from 2 related files50%
business_logicFile ManagementDetected from 2 related files50%
business_logicLoggingDetected from 4 related files50%

Quality Timeline

1 quality score recorded.

View File Metrics
Provenance: Repobility (https://repobility.com) — every score reproducible from /scan/

Embed Badge

Add to your README:

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