A one-stop guide to help you build, edit, and deploy your app with PinSpec.
https://youtu.be/7mahOmz31CU?feature=shared
PinSpec is an AI-powered vibe coding platform that not only lets you build full apps by describing them in natural language — it also gives you surgical control over what comes next.
Once your app is generated, every UI component comes with an visual and editable spec. Think of a spec as a note you leave on a component — change the note, and your app updates accordingly, like precise surgery.
No vague prompts. No guesswork. Just direct, targeted edits — powered by context-aware AI.
Most vibe coding tools stop at "describe it, and we’ll build it — but they struggle with precision, editing, and real control."
Here’s how PinSpec compares across the most common pain points:
| Scenario | PinSpec | Other Vibe coding tools |
|---|---|---|
| Tracking requirements | ✅ Every feedback stays in one place — visual, editable, and with full context | ❌ Feedback in chat, logic in code, context? Gone |
| Making precise changes | ✅ Surgical precision — only the target changes, everything else stay untouched | ❌ Often vague, full-page rebuilds that break more than they fix |
| Small UI tweaks | ✅ Edit one word in the spec like the colour → UI updates instantly | ❌ One wrong word? You’re re-prompting the whole thing |
| Adjusting layout | ✅ Reorder spec lines → layout updates instantly | ❌ Changing structure requires re-prompting, often with unpredictable results |
| Referencing components | ✅ Use @ to point to what you see — no guessing headache | ❌ Can’t describe the UI, stuck guessing component names |
| Adding media | ✅ PinSpec lets you embed images, video, audio, even 3D — directly in the spec, exactly where it should be | ❌ “Add an image here” → Where? How big? Inside which component? |