prd — community react-native-vibe-code-sdk, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0

关于此技能

The React Native Vibe Code SDK lets you build text to mobile & web apps in seconds. A full suite of packages to run your your own vibe coding features or platform. Try cloud version at https://reactnativevibecode.com

react-native-vibe-code react-native-vibe-code
[160]
[25]
更新于: 3/26/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 3/11

This page remains useful for operators, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Quality floor passed for review
Review Score
3/11
Quality Score
67
Canonical Locale
en
Detected Body Locale
en

The React Native Vibe Code SDK lets you build text to mobile & web apps in seconds. A full suite of packages to run your your own vibe coding features or platform. Try cloud version at https://reactnativevibecode.com

核心价值

The React Native Vibe Code SDK lets you build text to mobile & web apps in seconds. A full suite of packages to run your your own vibe coding features or platform. Try cloud version at https://reactnativevibecode.com

适用 Agent 类型

Suitable for operator workflows that need explicit guardrails before installation and execution.

赋予的主要能力 · prd

! 使用限制与门槛

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.
  • - The page lacks a strong recommendation layer.
  • - The page lacks concrete use-case guidance.
  • - The page lacks explicit limitations or caution signals.

Source Boundary

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

实验室 Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

常见问题与安装步骤

以下问题与步骤与页面结构化数据保持一致,便于搜索引擎理解页面内容。

? FAQ

prd 是什么?

The React Native Vibe Code SDK lets you build text to mobile & web apps in seconds. A full suite of packages to run your your own vibe coding features or platform. Try cloud version at https://reactnativevibecode.com

如何安装 prd?

运行命令:npx killer-skills add react-native-vibe-code/react-native-vibe-code-sdk/prd。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

prd 支持哪些 IDE 或 Agent?

该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。

安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行:npx killer-skills add react-native-vibe-code/react-native-vibe-code-sdk/prd。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    prd 已启用,可立即在当前项目中调用。

! 参考页模式

此页面仍可作为安装与查阅参考,但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论,再决定是否继续查看上游仓库说明。

Imported Repository Instructions

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

Supporting Evidence

prd

安装 prd,这是一款面向AI agent workflows and automation的 AI Agent Skill。支持 Claude Code、Cursor、Windsurf,一键安装。

SKILL.md
Readonly
Imported Repository Instructions
The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.
Supporting Evidence

PRD Generator

Create detailed Product Requirements Documents that are clear, actionable, and suitable for autonomous AI implementation via the Ralph loop.


The Job

  1. Receive a feature description from the user
  2. Ask 3-5 essential clarifying questions (with lettered options)
  3. Generate a structured PRD based on answers
  4. Save to PRD.md
  5. Create empty progress.txt

Important: Do NOT start implementing. Just create the PRD.


Step 1: Clarifying Questions

Ask only critical questions where the initial prompt is ambiguous. Focus on:

  • Problem/Goal: What problem does this solve?
  • Core Functionality: What are the key actions?
  • Scope/Boundaries: What should it NOT do?
  • Success Criteria: How do we know it's done?

Format Questions Like This:

1. What is the primary goal of this feature?
   A. Improve user onboarding experience
   B. Increase user retention
   C. Reduce support burden
   D. Other: [please specify]

2. Who is the target user?
   A. New users only
   B. Existing users only
   C. All users
   D. Admin users only

3. What is the scope?
   A. Minimal viable version
   B. Full-featured implementation
   C. Just the backend/API
   D. Just the UI

This lets users respond with "1A, 2C, 3B" for quick iteration.


Step 2: Story Sizing (THE NUMBER ONE RULE)

Each story must be completable in ONE context window (~10 min of AI work).

Ralph spawns a fresh instance per iteration with no memory of previous work. If a story is too big, the AI runs out of context before finishing and produces broken code.

Right-sized stories:

  • Add a database column and migration
  • Add a single UI component to an existing page
  • Update a server action with new logic
  • Add a filter dropdown to a list

Too big (MUST split):

Too BigSplit Into
"Build the dashboard"Schema, queries, UI components, filters
"Add authentication"Schema, middleware, login UI, session handling
"Add drag and drop"Drag events, drop zones, state update, persistence
"Refactor the API"One story per endpoint or pattern

Rule of thumb: If you cannot describe the change in 2-3 sentences, it is too big.


Step 3: Story Ordering (Dependencies First)

Stories execute in priority order. Earlier stories must NOT depend on later ones.

Correct order:

  1. Schema/database changes (migrations)
  2. Server actions / backend logic
  3. UI components that use the backend
  4. Dashboard/summary views that aggregate data

Wrong order:

US-001: UI component (depends on schema that doesn't exist yet!)
US-002: Schema change

Step 4: Acceptance Criteria (Must Be Verifiable)

Each criterion must be something Ralph can CHECK, not something vague.

Good criteria (verifiable):

  • "Add status column to tasks table with default 'pending'"
  • "Filter dropdown has options: All, Active, Completed"
  • "Clicking delete shows confirmation dialog"
  • "Typecheck passes"
  • "Tests pass"

Bad criteria (vague):

  • "Works correctly"
  • "User can do X easily"
  • "Good UX"
  • "Handles edge cases"

Always include as final criterion:

"Typecheck passes"

For stories that change UI, also include:

"Verify changes work in browser"

PRD Structure

Generate the PRD with these sections:

1. Introduction

Brief description of the feature and the problem it solves.

2. Goals

Specific, measurable objectives (bullet list).

3. User Stories

Each story needs:

  • ID: Sequential (US-001, US-002, etc.)
  • Title: Short descriptive name
  • Description: "As a [user], I want [feature] so that [benefit]"
  • Acceptance Criteria: Verifiable checklist

Format:

markdown
1### US-001: [Title] 2**Description:** As a [user], I want [feature] so that [benefit]. 3 4**Acceptance Criteria:** 5- [ ] Specific verifiable criterion 6- [ ] Another criterion 7- [ ] Typecheck passes 8- [ ] [UI stories] Verify changes work in browser

4. Non-Goals

What this feature will NOT include. Critical for scope.

5. Technical Considerations (Optional)

  • Known constraints
  • Existing components to reuse

Example PRD

markdown
1# PRD: Task Priority System 2 3## Introduction 4 5Add priority levels to tasks so users can focus on what matters most. Tasks can be marked as high, medium, or low priority, with visual indicators and filtering. 6 7## Goals 8 9- Allow assigning priority (high/medium/low) to any task 10- Provide clear visual differentiation between priority levels 11- Enable filtering by priority 12- Default new tasks to medium priority 13 14## User Stories 15 16### US-001: Add priority field to database 17**Description:** As a developer, I need to store task priority so it persists across sessions. 18 19**Acceptance Criteria:** 20- [ ] Add priority column: 'high' | 'medium' | 'low' (default 'medium') 21- [ ] Generate and run migration successfully 22- [ ] Typecheck passes 23 24### US-002: Display priority indicator on task cards 25**Description:** As a user, I want to see task priority at a glance so I know what needs attention first. 26 27**Acceptance Criteria:** 28- [ ] Each task card shows colored priority badge (red=high, yellow=medium, gray=low) 29- [ ] Priority visible without hovering or clicking 30- [ ] Typecheck passes 31- [ ] Verify changes work in browser 32 33### US-003: Add priority selector to task edit 34**Description:** As a user, I want to change a task's priority when editing it. 35 36**Acceptance Criteria:** 37- [ ] Priority dropdown in task edit modal 38- [ ] Shows current priority as selected 39- [ ] Saves immediately on selection change 40- [ ] Typecheck passes 41- [ ] Verify changes work in browser 42 43### US-004: Filter tasks by priority 44**Description:** As a user, I want to filter the task list to see only high-priority items when I'm focused. 45 46**Acceptance Criteria:** 47- [ ] Filter dropdown with options: All | High | Medium | Low 48- [ ] Filter persists in URL params 49- [ ] Empty state message when no tasks match filter 50- [ ] Typecheck passes 51- [ ] Verify changes work in browser 52 53## Non-Goals 54 55- No priority-based notifications or reminders 56- No automatic priority assignment based on due date 57- No priority inheritance for subtasks 58 59## Technical Considerations 60 61- Reuse existing badge component with color variants 62- Filter state managed via URL search params

Output

Save to PRD.md in the current directory.

Also create progress.txt:

markdown
1# Progress Log 2 3## Learnings 4(Patterns discovered during implementation) 5 6---

Checklist Before Saving

  • Asked clarifying questions with lettered options
  • Incorporated user's answers
  • User stories use US-001 format
  • Each story completable in ONE iteration (small enough)
  • Stories ordered by dependency (schema → backend → frontend)
  • All criteria are verifiable (not vague)
  • Every story has "Typecheck passes" as criterion
  • UI stories have "Verify changes work in browser"
  • Non-goals section defines clear boundaries
  • Saved PRD.md and progress.txt

相关技能

寻找 prd 的替代方案 (Alternative) 或可搭配使用的同类 community Skill?探索以下相关开源技能。

查看全部

openclaw-release-maintainer

Logo of openclaw
openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

333.8k
0
AI

widget-generator

Logo of f
f

为prompts.chat的信息反馈系统生成可定制的插件小部件

149.6k
0
AI

flags

Logo of vercel
vercel

React 框架

138.4k
0
浏览器

pr-review

Logo of pytorch
pytorch

Python中具有强大GPU加速的张量和动态神经网络

98.6k
0
开发者工具