# HelpKoder

> Screenshot to agent spec. Upload a UI frame or paste a Figma URL; HelpKoder streams a Cursor / Claude Code / v0 kickoff with tokens, file tree, and build order.

## Docs

- [HelpKoder](https://helpkoder.com/): Drop a screenshot, get an agent-ready spec, copy a kickoff, open Cursor or Claude Code.
- [Figma to spec](https://helpkoder.com/figma): Paste a Figma frame URL and a personal access token; capture a PNG; stream a spec. Not a Figma plugin.
- [Cursor spec](https://helpkoder.com/cursor): AGENTS.md, Cursor kickoff, attach the same PNG.
- [Claude Code spec](https://helpkoder.com/claude-code): CLAUDE.md plus a short first instruction.
- [Blog](https://helpkoder.com/blog): Guides on screenshot-to-spec, Figma frames, AGENTS.md, Claude Code kickoffs, and what a frame hides from an agent.
- [How to turn a Figma frame into a Cursor spec](https://helpkoder.com/blog/figma-to-cursor-spec): Frame URL, PAT, Community files, MCP vs a saved spec.
- [How to turn a screenshot into a Cursor spec](https://helpkoder.com/blog/screenshot-to-cursor-spec): Step-by-step: drop the frame, pick Cursor, copy the kickoff, attach the screenshot.
- [HelpKoder is a screenshot-to-spec studio](https://helpkoder.com/blog/introducing-helpkoder): What the product does now, and what it stopped being.
- [How a screenshot becomes a spec an agent can run](https://helpkoder.com/blog/modern-ui-analysis-techniques): Palette, verdict, tokens, screens, file tree, build order.
- [AGENTS.md vs CLAUDE.md vs Cursor rules](https://helpkoder.com/blog/ai-powered-development-tools): Which file each agent actually reads, and what HelpKoder exports.
- [What a screenshot hides from a coding agent](https://helpkoder.com/blog/building-accessible-web-applications): Auth, empty, error, APIs — infer or leave out.
- [Can you vibe this screenshot?](https://helpkoder.com/blog/can-you-vibe-this-screenshot): YES / KINDA / NOT REALLY verdicts for whether an agent can one-shot a UI.
- [Copy a Claude Code kickoff from a UI mock](https://helpkoder.com/blog/claude-code-kickoff-from-screenshot): CLAUDE.md plus the first instruction to paste.

## Optional

- [Full notes](https://helpkoder.com/llms-full.txt): Longer product description for language models.
- [RSS](https://helpkoder.com/feed.xml): Blog feed.
- [Privacy](https://helpkoder.com/privacy)
- [Terms](https://helpkoder.com/terms)

## Key Facts

- Product: HelpKoder (https://helpkoder.com)
- Job: screenshot or Figma frame → streaming implementation spec for coding agents
- Agents: Cursor (AGENTS.md + rules), Claude Code (CLAUDE.md), v0 / Lovable, generic
- Capture: Figma frame URL with node-id + personal access token (`file_content:read`)
- Multi-frame: up to 6 screens in one spec
- Premium: $10/month
- Founder: Audiencon (https://x.com/audiencon)
- Email: s.audiencon@gmail.com

## Contact

- Website: https://helpkoder.com
- Email: s.audiencon@gmail.com
- Twitter: https://x.com/audiencon
- GitHub: https://github.com/badaoui220/helpkoder
- Privacy: https://helpkoder.com/privacy
- Terms: https://helpkoder.com/terms