К основному содержанию
скилл CX Codex

ai-assisted-prototyping — скилл для Claude Code: как установить

Помогает создавать работающие прототипы продуктов по текстовым описаниям и макетам. Пригодится продакт-менеджерам для проверки идей до передачи задачи в разработку.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add RefoundAI/lenny-skills --skill ai-assisted-prototyping -a claude-code
Открыть на GitHub

Что делает ai-assisted-prototyping

Скилл систематизирует работу с ИИ при сборке прототипов, опираясь на 40 практических советов от 15 гостей подкаста Lenny's Podcast. Он направляет агента по четырём этапам: выбор цели, подбор стека между визуальными конструкторами вроде Lovable и средой разработки Cursor, итеративная генерация по PRD или скриншотам и подготовка рабочего кода для разработчиков.

Вместо создания статичных экранов скилл заставляет агента фокусироваться на интерактивных интерфейсах с базами данных и авторизацией. Около 80% времени здесь уходит на планирование шагов в диалоге, потому что переход к коду без структуры ломает архитектуру.

Попытка настраивать сложное состояние в простых веб-конструкторах быстро заведёт в тупик — для таких задач скилл переводит разработку в локальную IDE. Вся база советов собрана в файле references/guest-insights.md.

Какие задачи решает

  • Собрать интерактивный прототип по скриншотам из Figma
  • Выбрать стек между веб-конструктором и локальной IDE
  • Проверить продуктовые гипотезы с подключением базы данных
  • Подготовить рабочий код для передачи команде разработки

Примеры запросов агенту

  • Помоги сделать интерактивный прототип личного кабинета по описанию из PRD
  • Оцени макет и выбери стек: собрать в Lovable или развернуть проект в Cursor?
  • Спланируй этапы создания сервиса с базой данных и авторизацией

Как установить ai-assisted-prototyping

1Через Skills CLI (Vercel)

npx skills add RefoundAI/lenny-skills --skill ai-assisted-prototyping -a claude-code

2Вручную: положить файлы

~/.claude/skills/ai-assisted-prototyping/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/ai-assisted-prototyping/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора76

org-design Помогает разложить продуктовую и инженерную организацию по моделям подотчётности, размерам команд и связям между функциями. Пригодится, когда после реорга непонятно, кто за что отвечает. CX Codex +1 370установок personal-brand-network Скилл помогает выстроить профессиональную сеть и публичную аудиторию: перейти от пассивного чтения к публичным действиям. Пригодится, когда карьера упирается в видимость. CX Codex +1 368установок referrals-word-of-mouth Помогает превратить случайное сарафанное радио в реферальную программу и вирусные петли продукта. Пригодится, когда рост уже идёт сам и его хочется усилить. CX Codex +1 360установок coaching-development Скилл перестраивает стиль руководства: помогает не решать задачи за сотрудников, а растить их через коучинг, растягивающие цели и разбор дефицита навыков. CX Codex +1 356установок interviewing-evaluating-candidates Скилл для ИИ-агента, который помогает выстроить собеседования и оценку кандидатов по реальным навыкам, а не по харизме на интервью. CX Codex +1 355установок negotiating-compensation Скилл ведёт переговоры о компенсации в продуктовых и инженерных ролях: от первого звонка рекрутера до оценки опционов и подписания оффера. CX Codex +1 353установок marketplace-fundamentals Скилл разбирает экономику маркетплейса: где узкое место, как запустить первую сеть и удержать качество при росте. CX Codex +1 349установок growth-experimentation Помогает выстроить поток экспериментов роста: приоритизация по ICE и RICE, быстрые проверки гипотез, обмен результатами внутри команды. CX Codex +1 349установок

Похожие

pol-probe deanpeters Проектирует одноразовый эксперимент для проверки рискованной гипотезы до написания рабочего кода. Помогает избежать траты времени на ненужные прототипы. CX Codex +1 2 400установок wireframe-prototyping aj-geddes Скилл помогает набросать каркас интерфейса и собрать прототип до того, как начнётся разработка. Пригодится, когда нужно показать идею команде или заказчику. CX Codex +1 1 400установок figma-prototyping dylantarre Скилл подсказывает агенту, как собрать прототип в Figma по 12 принципам анимации Диснея — через Smart Animate и варианты компонентов. CX Codex +1 548установок cc-design-html-prototyping reason-machines Скилл помогает агенту создавать HTML-макеты, презентации и интерактивные прототипы. Пригодится, когда нужно проверить визуальное направление до разработки интерфейса. CX Codex +1 423установок design-sprint pmprompt Скилл ведёт команду от проблемы до протестированного прототипа за пять дней по методике Джейка Кнаппа. CX Codex +1 354установок lean-startup wondelai Помогает проектировать MVP, формулировать гипотезы бизнеса и планировать цикл Build-Measure-Learn без сбора бесполезных метрик. CX Codex +1 5 800установок

Рядом в теме «Настройка агента: память, контекст, субагенты»

Все скиллы по теме «Настройка агента: память, контекст, субагенты» →

Вопросы о ai-assisted-prototyping

Как установить ai-assisted-prototyping в Claude Code?

Запустите в терминале команду npx skills add RefoundAI/lenny-skills --skill ai-assisted-prototyping -a claude-code. Файл навыка появится по пути ~/.claude/skills/ai-assisted-prototyping/SKILL.md.

Что делает скилл ai-assisted-prototyping?

Он задаёт сценарий создания кликабельных прототипов через ИИ: от выбора подходящего инструмента до генерации логики и передачи кода инженерам.

На каких материалах основан этот скилл?

В основу легли 40 выводов от 15 экспертов и гостей Lenny's Podcast и рассылки, включая цитаты Апарны Ченнапрагады и Эрика Саймонса.

Исходный текст

SKILL.md · MIT
---
name: ai-assisted-prototyping
description: Help users build functional product prototypes from natural language or visual mocks using AI coding tools. This skill enables product leaders to bypass engineering bottlenecks and validate ideas through hands-on building.
---

# AI-Assisted Prototyping

Transform abstract product concepts into functional, interactive software using natural language and AI tools.

Help the user with ai-assisted prototyping using insights from 15 guests and posts across Lenny's Podcast and Newsletter.

## How to Help

1. **Identify the goal** - Determine if the objective is a visual exploration, a functional internal tool, or a production-grade feature validation.
2. **Select the tool** - Choose between web-based visual builders like v0 or Lovable and local development environments like Cursor based on project complexity.
3. **Prompt and iterate** - Use detailed descriptions, PRDs, or screenshots to generate the initial version and refine it through granular, sequential feedback.
4. **Validate and hand off** - Use the interactive prototype to gather user feedback or provide engineering with high-fidelity reference code for implementation.

## Core Principles

### Taste-Making through Functional Builds
Aparna Chennapragada: "If you're not prototyping and building to see what you want to build, I think you're doing it wrong. It becomes even more important to have that territorial and taste-making at the heart of it because, otherwise, you just have a Frankenstein product."

Build functional prototypes immediately to develop product taste. Visualizing the vision before committing to full-scale development helps avoid building incoherent features that fail to solve core user problems.

### Real-World Feature Validation
Eric Simons: "And it's not just building a static site, or something like that, but you can actually build full stack, real software with databases, and hosting and et cetera, just from prompting. And in a ridiculously short period of time, it's not like you're spending hours and hours or days, putting this together. You can get results in like, a minute."

Move beyond static mockups to validate complex features like databases and hosting. Text-to-app tools allow for the testing of full-stack versions of features rather than just static UIs.

### Planning Over Execution
Lazar Jovanovic: "I can say I spent 80% of my time in planning and chatting and only 20% in executing the plan actually. I'm optimizing for the right kind of speed. Most people optimize for the wrong one."

Successful AI orchestration requires shifting focus from implementation to heavy planning and sequential task scoping. Dedicate the majority of project time to the chatting phase to ensure the AI follows a logical path.

### Independent Shipping
Zevi Arnovitz: "If you're non-technical like me, code is terrifying, but AI just makes it so much possible. In the next coming years, I think everyone's going to become a builder. Titles are going to collapse and responsibilities are going to collapse."

Lower the barrier to entry for professional software development by using tools like Cursor with Claude Code. This allows non-technical product managers to build and ship software independently using a library of reusable commands.

## Questions to Help Users

- "What specific problem or manual workflow are you trying to automate with this prototype?"
- "Do you have a visual reference, such as a Figma screenshot or a hand-drawn sketch, to use as a starting point?"
- "Does your prototype require a functional backend for data persistence and user authentication?"
- "Which AI development tool best fits your current technical skill level and project needs?"
- "What are the 2-3 core functional requirements that will define the success of this build?"
- "How do you plan to use the final output: for user testing, internal alignment, or engineering handoff?"

## Common Mistakes to Flag

- **Neglecting the planning phase** - Jumping into implementation without a sequential task list leads to architectural confusion for the AI and broken logic.
- **Building static instead of functional** - Missing the opportunity to test real data flows and hosting environments by settling for UI-only mocks limits validation.
- **Using the wrong tool for the task** - Attempting complex state management in a simple visual builder when a professional local IDE is required for advanced debugging.
- **Vague initial prompts** - Failing to provide enough context about the desired software stack and core features results in generic and unhelpful outputs.

## Deep Dive

For all 40 sourced insights from 15 guests, see `references/guest-insights.md`

## Related Skills

- Writing Prds
- Shipping Velocity
- Building With Ai Agents
- Product Tool Stack

© RefoundAI · MIT · RefoundAI/lenny-skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой