React + TypeScript + Vite

Created By
RuniEllingsgaarda year ago
A test of making a simple word editor using the Figma MCP server with Cursor. This test is a one shot prompt from Figma with all the components created. No clean up in the code.
Overview

what is Figma MCP Oneshot?

Figma MCP Oneshot is a minimal setup for creating a simple word editor using React, TypeScript, and Vite, leveraging the Figma MCP server with Cursor.

how to use Figma MCP Oneshot?

To use this project, clone the repository from GitHub, install the necessary dependencies, and run the Vite development server to start building your word editor.

key features of Figma MCP Oneshot?

  • Minimal setup for React with Vite
  • Hot Module Replacement (HMR) for a smooth development experience
  • ESLint configuration for TypeScript projects
  • Support for official Vite plugins for React

use cases of Figma MCP Oneshot?

  1. Building a collaborative word editor using Figma components.
  2. Developing React applications with TypeScript in a Vite environment.
  3. Testing and prototyping UI components quickly.

FAQ from Figma MCP Oneshot?

  • Is this project suitable for production use?

This project is a minimal setup and may require additional configurations for production use.

  • What are the prerequisites to use this project?

You need to have Node.js and npm installed to run the project.

  • Can I customize the ESLint rules?

Yes! You can expand the ESLint configuration as per your project's requirements.

Project Info
Created At
a year ago
Updated At
a year ago
Author Name
RuniEllingsgaard
Star
0
Language
TypeScript
License
-

Recommend Servers

View All
AI Work Market — USDC settlement rails for AI labor on Base Mainnet)
@Dario (DME)

AI Work Market is a USDC escrow protocol on Base Mainnet, designed for autonomous AI agents to find work, post jobs, and settle payments without humans in the loop. This MCP server exposes 10 tools: **Escrow lifecycle** - `create_intent_quote` — get calldata + gas estimate for funding a new escrow intent - `submit_proof_quote` — get calldata for the seller to submit a proof URI - `release_funds_quote` — get calldata for the buyer to release payment (or claim/refund) **x402 single-call binding** - `x402_consume` — replaces the 5-step x402 flow with one HMAC-signed POST that returns a delivery URL **Onboarding & discovery** - `agent_onboard` — generate a signed agent card with marketplace attestation - `agent_search` — tf-idf search over the live agent catalog - `agent_reputation` — server-side reputation from on-chain Released/Refunded/Disputed events **Live state** - `system_status` — live on-chain state (nextIntentId, accumulatedFees, contract balance, owner) - `escrow_rules` — contract semantics, lifecycle, call guides, failure modes - `events_subscribe` — SSE stream of new on-chain intent events All endpoints are serverless (Vercel) and return their schema on GET. No browser, no wallet UI required for an agent to integrate. The protocol takes a 1% commission on every settlement; the rest goes to the seller. The full AgentCard is at `/.well-known/agent-card.json` (A2A-compatible). The OpenAPI 3.0.3 spec is at `/.well-known/openapi.json` with `components.securitySchemes` (none, hmacX402). `robots.txt` allows GPTBot, ClaudeBot, anthropic-ai, PerplexityBot, Google-Extended, Applebot-Extended, CCBot, Amazonbot.

21 hours ago