Forma
  1. Brief
  2. Directions
  3. Preview
  4. Quality
  5. Timeline
  6. Delivery

Describe what you want to make.
Forma designs it, builds it and hands it over.

The desktop agent from pixel.ceo. It proposes two directions, builds with live previews at 360, 768 and 1440, runs seven quality checks and hands you a ZIP with screenshots. The app speaks Spanish for now.

Beta 0.1.0Windows x64Mac and Linux, coming soon
Pixel Forma · Panadería local · LandingDrag the curtain: light and dark
Pixel Forma in the light theme: conversation, preview at 1440, quality 6/7 and timeline The same screen in the dark theme
1 2 3 4 5 6 7
  1. 1Conversation. Tools, files and reasoning in plain sight.
  2. 2Live preview. It updates while the agent works.
  3. 3360 · 768 · 1440. One width or all three at once.
  4. 4Change this. Point at an element and say what you want.
  5. 5Quality 6/7. Seven checks before delivery.
  6. 6Timeline. One version per turn, with branches.
  7. 7Pixel battery. The same as Pixel Code and pixel.ceo.
  8. Light or dark. The app has both themes; drag the curtain to compare them.

real screenshotPixel Forma 0.1.0 with test data, the same screen in the light and dark themes.

Walkthrough

From brief to delivery, in six steps.

Every step adds voxels to the P. The screens come from the real app with test data.

  1. 01 · Brief

    Tell it what you want to make.

    Write a brief on the Home screen or start from a template: landing page, dashboard or small app. With A/B directions on, Forma prepares two proposals.

    • Project, profile and model in the composer
    Home
    Home with a brief typed in, A/B directions turned on and three templates: landing, dashboard and small app
  2. 02 · Directions

    Compare two directions with a curtain.

    Drag the curtain between A and B or put them side by side. Pick one, or mix the hero, palette, type, buttons and images.

    • Pick A, pick B or mix
    • A summary of tone, headline and palette
    Directions · curtain
    A curtain comparing direction A, editorial and violet, with direction B, warm and green
  3. 03 · Preview

    Point at what you want to change.

    With Change this you pick an element in the preview and write what you want. The agent receives the element and its line of code.

    • Esc to cancel
    • One width or all three at once
    Change this
    Change this over the hero headline, with the What do you want to change? field and the path src/App.tsx:13:62Change this over the hero headline, with the What do you want to change? field and the path src/App.tsx:13:62
  4. 04 · Quality

    Seven checks before delivery.

    Build, types, lint, tests, coverage and security run as real commands. The visual review at three widths waits for your approval.

    • ✓Build
    • ✓Types
    • ✓Lint
    • ✓Tests
    • ✓Coverage
    • ✓Security
    • ○ Review
    Quality 6/7
    Quality 6/7: build, types, lint, tests, coverage and security pass; the 360/768/1440 review is pending
  5. 05 · Timeline

    Go back or try another idea.

    Every turn saves a version with a thumbnail. From any of them, Forma opens a branch in a new conversation and the previous one stays untouched.

    Timeline
    Timeline with three versions and a branch; the turn 2 version with Open this version and Try another idea from here
  6. 06 · Delivery

    A ZIP with screenshots.

    The project ready to share, screenshots at 360, 768 and 1440 and a technical summary. The P is complete.

    • Download the ZIP or go back to the studio
    Delivery
    Delivery with Back to the studio, Download ZIP, screenshots at 1440, 768 and 360 px and the technical summaryDelivery with Back to the studio, Download ZIP, screenshots at 1440, 768 and 360 px and the technical summary
Agent

And everything a desktop agent does.

A conversation with tools, plugins, web access with your permission, commands and references, and the model you choose.

Conversation showing Reasoned 42 s, Edited App.tsx, entrega.zip and screenshotsConversation showing Reasoned 42 s, Edited App.tsx, entrega.zip and screenshots
Conversation

Tools in plain sight.

It edits files, reasons and takes screenshots; every step stays in the conversation.

Plugin manager with eight built-in plugins
Plugins

Eight built in, plus yours.

Agent teams, scheduled tasks, voice, web search, subagents and more.

Waiting for approval: allow web access for this agent action. Decline or Allow once
Web

The web, with your permission.

Before it opens a page, the agent asks: allow once or decline.

Command menu: File, Goal, Plan, Comments, Compact, Permissions and Model
/ Commands

Goal, plan and permissions.

Goal, plan, compact, permissions or model, without leaving the composer.

References with @: files, folders and conversations
@ References

Files and conversations.

Bring a file, a folder or an earlier conversation into context.

Model picker: Pixel Pro, Pixel Instant and Add provider
Models

Pixel Pro, Pixel Instant or your provider.

Providers you add in Settings → Models use your key and do not spend the battery.

real screenshotPixel Forma 0.1.0 with test data. The app interface is in Spanish.

Pixel account

One account and one battery for the whole family.

Forma uses the same account and the same battery as pixel.ceo and Pixel Code. You sign in in your browser and come back to the app. The battery recharges every 5 hours and every week.

  • Sign in in the browser and confirm a code
  • One balance for all three apps
  • Or your own API key, if you prefer
01 · Sign in

You sign in in your browser.

Press «Continuar en el navegador» (continue in the browser), confirm the code on pixel.ceo and you are in.

Pixel Forma: Sign in with your Pixel account, Continue in the browser, Use my own API keyPixel Forma: Sign in with your Pixel account, Continue in the browser, Use my own API key
02 · Battery

The same battery as Pixel Code.

See how much is left of the 5 hours and of the week, and when it recharges.

Pixel battery: 5 hours at 72 %, recharges in 2 h; week at 54 %Pixel battery: 5 hours at 72 %, recharges in 2 h; week at 54 %

real screenshotPixel Forma 0.1.0 with test data. Battery plans and prices at code.pixel.ceo ↗

Download · Beta 0.1.0

Try it on Windows.

The first beta is for Windows x64. Mac and Linux come later.

Pixel Forma 0.1.0 Beta
Windows x64 · updates itself
PixelForma-0.1.0-win-x64-setup.exeWindows x64
Windows x64macOS · coming soonLinux · coming soon
Node and Git included: nothing else to install.
Installs in your user folder.
Checks for updates on launch and every 6 hours.
If you uninstall it, your projects stay.

Windows may warn you the first time.

The beta installer does not carry a Windows certificate yet, so SmartScreen may show «Windows protected your PC». To continue:

  1. Click «More info».
  2. Click «Run anyway».

Updates are signed with our key. The app checks the signature and the checksum of every package before installing it, and rejects any that does not match.

What is new in each release →

Your next idea starts with a brief.