Skill

add-feature

Lightweight end-to-end feature implementation (DB -> backend -> frontend) for small features (2-3 files). For larger features, use /plan-feature + /build.

From saas-toolkit
Install
1
Run in your terminal
$
npx claudepluginhub mickaelmamani/saas-toolkit --plugin saas-toolkit
Tool Access

This skill is limited to using the following tools:

ReadWriteEditGrepGlobBashTaskmcp__supabasemcp__context7
Skill Content

/add-feature — Lightweight Feature Implementation

Implements a single feature end-to-end without the formal planning overhead of /dev. Best for well-understood features that don't require architectural decisions.

Workflow

1. Understand the request

Read the user's feature description. If anything is ambiguous, ask one round of clarifying questions.

2. SaaS checklist

Before implementing, quickly assess:

  • Needs migration? — Does this feature require new tables or columns?
  • Needs RLS? — If touching the database, what access rules apply?
  • Subscription gating? — Should this feature be limited to certain plans?
  • User or org scoped? — Is data owned by a user or an organization?
  • Affects auth? — Does this change protected routes or permissions?

3. Explore relevant code

Dispatch explore-codebase agent (or Glob/Grep directly for simple lookups) to find:

  • Related existing files and patterns
  • Database schema context
  • Import paths and component conventions

4. Implement

Follow SaaS stack order:

  1. Database — Migration + RLS if needed
  2. Types — Update or generate types
  3. Backend — Server Actions or API routes
  4. Frontend — Components and pages
  5. Wire up — Navigation, links, integration

5. Verify

  • Run npm run build to check for errors
  • Review the changes for obvious issues
  • If TASKS.md exists, update it with the new feature

Difference from /dev

Aspect/dev/add-feature
PlanningFormal spec + plan documentNo planning phase
ScopeMulti-file features, new systemsSingle focused feature
ExplorationDeep codebase analysisQuick pattern lookup
OutputSpec → Plan → Code → VerifyCode → Verify

Use /dev for complex features that need architectural decisions. Use /add-feature for straightforward additions.

Rules

  • Keep it simple — implement only what was requested
  • Follow existing project patterns
  • Always check for needed DB changes first
  • Update TASKS.md if it exists
  • Don't create a planning document — go straight to implementation
Similar Skills
cache-components

Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js projects that have `cacheComponents: true` in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best practices to all React Server Component implementations. **DETECTION**: At the start of a session in a Next.js project, check for `cacheComponents: true` in next.config. If enabled, this skill's patterns should guide all component authoring, data fetching, and caching decisions. **USE CASES**: Implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, debugging cache issues, and reviewing Cache Component implementations.

138.5k
Stats
Parent Repo Stars0
Parent Repo Forks0
Last CommitFeb 11, 2026