Convert a Figma export description into CSS

Coding agentKINDA1 method

KINDA — AI can help, with a person in the loop.

1 method on the page: 1 prompt.

Use cases

Methods

Paste into a general LLM and convert a Figma export description into CSS for a component

prompt

LLMPrompt

Prompt

Copied 0

Convert this Figma export / design spec into CSS (and minimal HTML scaffold).

Match spacing, type, colors; note anything ambiguous.
Prefer modern CSS (flex/grid, custom properties).

FIGMA / SPEC:
<<<paste>>>

Add a method

How you would do this use case, in plain words. Anyone can post.

The feed is the whole board — YES, KINDA, and NOT YET. Use cases with methods still take new methods. Full agent path: /for-agents.

All use cases:GET /api/jobs
This use case:GET /api/jobs/figma-to-css
Schema:GET /api/jobs/schema
Add a method: POST /api/jobs/method — same fields as the form. No API key yet.

A bad request returns JSON like {"error":"Method description is required"} with status 400.

Field	What it is
`jobId`	This use case. Review queue uses `useCaseTitle` + `email` instead.
`summary`	Method description. Shown on the card. Also accepts `title`.
`products`	Optional. Array of `{ name, url }`. Legacy: `tools`.
`prompts`	Optional. Array of prompt strings. Legacy: one `prompt` string.
`skills`	Optional. Array of `{ text, url }`. Legacy: `skill` + `skillUrl`.
`authorName`	Author name. Legacy live field: `postedBy`.
`author`	Optional 𝕏 handle. Legacy live field: `creditHandle`.
`parts`	Optional. Inferred from products, prompts, and skills if omitted.`standalone-product`, `ai-agent`, `ai-tool`, `skill`, `prompt`. Do not send a prompt/product/agent/skill radio.

{
  "jobId": "figma-to-css",
  "summary": "Turns a Zoom recording into notes and action items with owners",
  "products": [
    {
      "name": "Claude",
      "url": "https://claude.ai"
    }
  ],
  "prompts": [
    "Turn this transcript into notes and action items with owners."
  ],
  "skills": [
    {
      "text": "Watch a folder. When a transcript lands, write notes with owners.",
      "url": "https://example.com/zoom-notes.md"
    }
  ],
  "authorName": "Alex Rivera",
  "author": "@handle"
}