Back to skills
SkillHub ClubWrite Technical DocsFull StackTech WriterTesting

feature-builder

This skill helps developers add common features like authentication, payments, and search to existing apps by generating the necessary code and structure. It follows a TDD approach, writing tests first. It's useful for quickly bootstrapping standard functionality but may require significant manual integration for complex projects.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
5
Hot score
82
Updated
March 20, 2026
Overall rating
A7.1
Composite score
4.6
Best-practice grade
B84.8

Install command

npx @skill-hub/cli install timequity-plugins-feature-builder
feature-generationcode-scaffoldingrapid-prototypingfullstack

Repository

timequity/plugins

Skill path: vibe-coder/skills/feature-builder

This skill helps developers add common features like authentication, payments, and search to existing apps by generating the necessary code and structure. It follows a TDD approach, writing tests first. It's useful for quickly bootstrapping standard functionality but may require significant manual integration for complex projects.

Open repository

Best for

Primary workflow: Write Technical Docs.

Technical facets: Full Stack, Tech Writer, Testing, Integration.

Target audience: Full-stack developers working on web applications who need to quickly scaffold standard features and are comfortable integrating generated code..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: timequity.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install feature-builder into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/timequity/plugins before adding feature-builder to shared team environments
  • Use feature-builder for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

Original source / Raw SKILL.md

---
name: feature-builder
description: |
  Add features by description. User says WHAT, AI figures out HOW.
  Use when: user wants to add functionality to existing app.
  Triggers: "add auth", "add payments", "add search", "добавь",
  "integrate", "connect".
---

# Feature Builder

Add complete features from simple descriptions.

## Feature Patterns

### Authentication
"Add login" / "Add auth" / "Users should sign in"

Generates:
- Login/register pages
- Auth context/hooks
- Protected routes
- Session management

### Payments
"Add payments" / "Accept money" / "Stripe"

Generates:
- Pricing page
- Checkout flow
- Stripe integration
- Webhook handlers

### Search
"Add search" / "Find things"

Generates:
- Search input component
- Search API endpoint
- Results display
- Filters (if applicable)

### CRUD
"Manage [items]" / "Add/edit/delete [things]"

Generates:
- List view
- Create/edit forms
- Delete confirmation
- API endpoints

## Process

1. **Parse request**
   - Identify feature type
   - Extract specifics (e.g., "Google auth")

2. **Plan implementation**
   - Required components
   - API endpoints
   - Database changes

3. **Generate with TDD**
   - Write tests first
   - Implement each part
   - Verify all tests pass

4. **Integrate**
   - Add to existing routes
   - Update navigation
   - Connect to data layer

5. **Report**
   - "✅ Added [feature]"
   - Show preview

## User Experience

User: "Add Google login"
    ↓
"Adding Google authentication..."
    ↓
[Generate OAuth flow, buttons, callbacks]
    ↓
"✅ Google login added. Try it in preview."
feature-builder | SkillHub