bellamarbellaa

Finto Mobile App Prototype In Claude Design — Design skill for Claude Code

Design community

A mobile-first fintech application for FINTO payment platform built in Claude Design, with the goal of translating my existing FINTO website design project into a polished and intuitive mobile experie.

How to install Finto Mobile App Prototype In Claude Design

This entry records only its repository, not the path inside it, so there is no exact command to give. Open bellamarbellaa/Finto-Mobile-App-Prototype-in-Claude-Design- and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Finto Mobile App Prototype In Claude Design does

A mobile-first fintech application for FINTO payment platform built in Claude Design, with the goal of translating my existing FINTO website design project into a polished and intuitive mobile experience.

Alternatives in Design

  • CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
  • Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
  • Companion — 2,200+ Web & mobile UI for Claude Code & Codex 2.2k ★

README

FINTO Mobile App

A mobile-first fintech application for **FINTO**, translating the existing FINTO payment platform into a polished, intuitive, and trustworthy mobile experience.

Overview

FINTO currently has an existing WordPress website that establishes the brand identity, visual language, product direction, and functionality.

**Website:** https://dev-finto-payment.pantheonsite.io/

This project explores how the existing platform can be translated into a dedicated mobile application while preserving the FINTO brand and improving the experience for mobile users.


AI Design Prompt

Design Goal

Design FINTO as a realistic, production-quality mobile fintech application — **not simply a responsive version of the website squeezed into mobile view**.

The existing FINTO website should be treated as the primary reference for:

  • Brand identity
  • Logo
  • Colors
  • Typography
  • Visual language
  • Product positioning
  • Existing functionality
  • Content
  • UI patterns

The mobile experience should feel:

  • Clean
  • Modern
  • Premium
  • Trustworthy
  • Intuitive
  • Professional
  • Fast
  • Accessible

Avoid generic fintech templates, excessive decoration, unnecessary complexity, or simply shrinking the website into a mobile layout.


Core Mobile Experience

1. Splash Screen

  • FINTO logo
  • Minimal branded loading experience

2. Onboarding

Create 2–3 concise screens introducing FINTO's core value proposition.

Include:

  • Clear messaging
  • Visual storytelling
  • Get Started CTA
  • Login option

3. Authentication

Include:

  • Sign up
  • Login
  • Email/phone authentication
  • Password
  • Forgot password
  • Social authentication where appropriate

Keep authentication simple and frictionless.

4. Home Dashboard

The primary screen should immediately communicate:

  • Current balance
  • Recent activity
  • Quick actions
  • Payment activity
  • Notifications
  • Important account information

Users should quickly understand:

**What do I have?** **What happened recently?*