SShortSingh.
Back to feed

Developer builds tool that converts app screenshots into working React Native clones

0
·2 views

A developer has created a tool that generates functional React Native apps by using screenshots of existing iOS or Android applications as input. Unlike website cloning, mobile apps expose no DOM or CSS, so the tool relies solely on images and uses an iterative render-compare-fix loop to match spacing and colors accurately. Navigation structure is inferred from UI elements such as bottom tab bars and back chevrons, producing an Expo Router-based app from a generated navigation graph. On-device features like saving tasks or logging expenses are built to work fully, while backend-dependent actions are replaced with clearly marked TODO stubs. Each cloned app also ships with an automated test script that loads every screen and verifies core features function correctly.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Log in to join the discussion and vote.

Log in

Related stories

0
ProgrammingHacker News ·

Study: Immigrants Use Less Welfare Than Native-Born Americans

A report published by the Cato Institute examines welfare usage rates among immigrant populations in the United States. The study finds that immigrants consume fewer welfare benefits compared to native-born Americans, even when their U.S.-born children are factored into the calculations. This challenges a common assumption that immigrants place a disproportionate burden on public assistance programs. The findings suggest that including American-born children of immigrants in the analysis does not significantly alter the overall conclusion about lower welfare utilization among immigrant households.

0
ProgrammingDEV Community ·

How to Build Codebases That Outlast Team Changes

A software developer who has both inherited and handed off codebases argues that durable systems must communicate intent, not just implementation. The core principle is that naming, architecture, and tests should convey purpose and constraints clearly enough for a newcomer to build an accurate mental model quickly. The author warns that traditional documentation such as comments and README files tends to become outdated and unreliable over time. Instead, the code itself — through meaningful naming and thoughtful structure — is considered the only consistently truthful form of documentation. The piece was originally published on ysndmr.com and later shared on DEV Community.

0
ProgrammingDEV Community ·

Design Tokens Should Express Intent, Not Raw Values, Argues Developer

A developer argues that design tokens are fundamentally misunderstood when teams treat them as simple CSS variables. The core mistake occurs when tools like Figma generate tokens that map directly to raw values, such as --color-blue-500, rather than semantic decisions. A true design token answers the question of purpose — for example, --color-accent — rather than describing a specific value. This semantic layer allows the underlying implementation to change without breaking the token's meaning. The author contends that confusing primitives with tokens produces design systems that fail both designers and developers.

0
ProgrammingDEV Community ·

M-vis v0.5.0-rc1 Adds GitHub Actions Integration for Heap Monitoring in CI/CD

M-vis, an open-source memory monitoring tool, has released version 0.5.0-rc1 with a new CI/CD mode that allows developers to embed heap monitoring and leak detection directly into GitHub Actions workflows. The update ships a reusable GitHub Action that automatically downloads the correct binary for Linux, Windows, or macOS runners and can attach to a process by PID, fuzzy name match, or by spawning it directly. Users can configure thresholds such as maximum RSS memory and leak-check flags, with the step failing automatically if either condition is triggered. The release also improves the terminal UI with keyboard-driven process selection and enhances Linux heap analysis via /proc/maps with optimized diff algorithms for large heaps. A known issue exists on macOS runners where the action may hang during smoke tests due to process inspection entitlements still being hardened for CI environments.