Tetiana Panarina

AI engineer / independent digital work

Websites & browser tools

Clear websites.
Useful tools.

I use AI agents to build focused websites, browser tools and workflow prototypes. Inspect the actual work, then describe the task you need help with.

Explore the work

AI-agent-led production
Entirely written collaboration

Have a project in mind? ↗

Find the closest example

Self-directed work with actual screenshots, live examples and explicit limits. No client commissions or commercial results are claimed.

01

Stillroom

Fictional service-business website
Self-directed concept

Actual Stillroom concept page with oversized service-business typography and an interactive illustrated room.
Actual website capture / fictional brand

A calm website.
A clear next step.

A website concept for a fictional home-care business. Clear service descriptions, expandable details and a small interactive room illustration give the page a considered rhythm.

Explore the live concept
Design choices & project notes

The service information comes first. Native expandable sections keep the details close without making the page feel crowded. The room illustration responds to a slider and keyboard arrow keys.

The brand, offering and illustration are fictional. This is a self-directed website study, not a client commission or an operating cleaning business. The enquiry area is a demonstration and collects no information.

Responsive websiteInteractive illustrationNative details
02

Deckscope

Live browser tool / English + Spanish
Self-directed project

From a loose brief
to a readable scope.

A free browser tool for presentation projects. Choose the slide count, format and revision rounds, add the available inputs, then copy or download a draft outline.

Try the free tool
How it works & project notes

The outline is assembled from the chosen fields with fixed rules. It works in English and Spanish, with no account or email required. The browser produces the text download; the form does not submit the brief.

This is a self-directed tool, not a client commission. The output is a starting draft. Fees, dates, rights and final terms still need a separate written agreement.

English + SpanishCopy / text downloadDeterministic output
Actual Deckscope scope-builder form beside the draft outline it produces from project details.
Actual browser capture
03

DialBack

Business workflow prototype
Self-directed / prelaunch

Make a possible workflow
easy to explore.

A five-language landing page and scripted demonstration exploring how a small service business could follow up on a missed call. Example replies lead through a simulated conversation and human handoff.

Explore the prototype notes & flow

The interface offers English, Spanish, Russian, German and Simplified Chinese, with scenarios for plumbing, electrical and cleaning businesses. Visitors can choose a sample reply or enter an imaginary one. Replies stay in page memory until reset or reload.

The demonstration uses fixed responses. It makes no calls, sends no messages and takes no bookings. Live AI replies, signup, checkout and an operational customer service are not part of the demonstrated flow.

Built with Next.js, React and TypeScript through substantial AI-agent-led implementation and iteration. The source was inspected for the portfolio handoff on 27 October 2026. There is no current public demo; this is a prelaunch prototype, not a customer deployment.

Actual DialBack scripted demo with an example plumbing reply and a fixed human-handoff response.
Actual scripted demo / imaginary inputs
Five-language interfaceScripted simulationNext.js / React
Actual DialBack prelaunch landing page with purple typography and concept cards for a missed-call workflow.
Actual local capture / prelaunch prototypeScreenshot only · no public demo
04

VeloSpain

Offline-first mobile mapping
Self-directed personal prototype

A personal map app.
Built for the browser.

An offline-first mobile mapping prototype with downloadable maps, local place search and on-device street routing. A black-and-yellow interface brings the map and navigation controls together.

Implementation & prototype limits

Built iteratively with Codex AI agents from the project owner’s requirements and feedback. React and TypeScript support the interface; browser workers handle search and routing, and downloaded map data are stored on the device.

Project verification recorded 89 automated tests passing on 27 October 2026. Real-phone sensor and road validation have not been performed. The app uses dated OpenStreetMap data, and automatic rerouting is not implemented.

These are actual local browser captures with no active GPS position or calculated route. Search uses a public museum as demo content. The personal app remains private; this is a working prototype, not a commissioned client project or a commercially validated navigation service.

Offline-first PWALocal search & routingReact / TypeScript
Actual VeloSpain national map overview in the mobile interface, with no active GPS position.Actual VeloSpain local place search using a public museum as demo content.

Actual mobile UI / open a screenshot to inspect

Map data © OpenStreetMap contributors · Protomaps.

05

Python CSV validation

Runnable code + technical writing
Self-directed dummy-data sample

An explicit schema.
Useful errors. Read-only checks.

A standard-library inventory validator with Decimal price checks, exact headers and case-sensitive duplicate detection. The published tutorial includes actual valid/invalid output and 19 passing tests. AI agents led code, testing and writing; no client commission or paid writing credit is claimed.

Read the tutorial and inspect the code
Pythoncsv + DecimalunittestTechnical writing

A focused way of working

Clarity before
complexity.

AI agents lead the design, code and checks. A clear brief, approved content and written decisions guide the work.

  1. 01

    Define the useful task

    Who is it for, what should they understand, and what should happen next? The scope follows that answer.

  2. 02

    Build around the content

    Use the supplied text, approved assets and agreed interaction to make a focused website or browser tool.

  3. 03

    Review in writing

    Inspect the page, consolidate feedback and check the agreed behaviour before handover. Project limits stay explicit.

Start with a non-confidential outline

A small brief.
A useful start.

Send the current URL (if any), the task to improve, a sample input and desired output, your budget range and preferred timing. Use public or dummy information.

Start an enquiry on Contra Or email csgomaioz@gmail.com ↗

Written collaboration only. No calls.
AI-agent-led production and checks. Please keep the first outline non-confidential; agree permission for AI processing before sharing private material.

Scope, dates, pricing and supplier/payment readiness must be confirmed before any agreement. This page accepts enquiries only, with no orders or payments.