adding-features

Scaffold feature modules under src/renderer/features with components, hooks, and utilities.

Updated Jan 6, 2026
One-click install
npx skills add https://github.com/eretica/github-gh-reminder --skill adding-features
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: adding-features
Source: https://github.com/eretica/github-gh-reminder/tree/main/.claude/skills/adding-features
Command: npx skills add https://github.com/eretica/github-gh-reminder --skill adding-features

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps developers extend the application's renderer by adding new features in a clean, maintainable way using a feature-based architecture.

Core Features & Use Cases

  • Structured Feature Scaffolding: Create isolated feature areas with components, hooks, and utils.
  • Incremental Feature Rollout: Add features without affecting existing code paths.
  • Guided IPC & UI Integration: Aligns with project conventions for UI and IPC boundaries.

Quick Start

Create a new feature under src/renderer/features/<feature-name> and scaffold its components, hooks, and utilities to begin.

Frequently Asked Questions about adding-features

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add new renderer features using feature-based architecture in React?

To add new renderer features using feature-based architecture, create a new directory under src/renderer/features/<feature-name>/ and scaffold its components, hooks, and utilities. This isolates feature code for incremental rollout without affecting existing paths.

What is feature-based architecture for frontend renderer processes?

Feature-based architecture for frontend renderer processes is a structural approach that organizes code by feature modules rather than technical roles. It groups components, hooks, and utilities under src/renderer/features/<feature-name>/ to ensure isolated, maintainable feature development.

Does this feature scaffolding guide align IPC boundaries with UI components?

Yes, this feature scaffolding guide aligns IPC boundaries with UI components. It provides step-by-step conventions for integrating inter-process communication and UI elements within the renderer's feature-based directory structure.

How do I scaffold components and hooks for a new React feature module?

To scaffold components and hooks for a new React feature module, follow the guided directory structure under src/renderer/features/<feature-name>/. This structure provides dedicated locations for components, hooks, and utilities to maintain clean feature isolation.

Can I add renderer features incrementally without breaking existing code paths?

Yes, you can add renderer features incrementally without breaking existing code paths. By following the feature-based scaffolding conventions under src/renderer/features/<feature-name>/, new feature modules remain isolated from the rest of the application.

When should I use feature-based scaffolding instead of a flat component structure?

You should use feature-based scaffolding instead of a flat component structure when your team needs to extend the renderer with isolated, maintainable feature modules. This approach prevents code path conflicts and aligns IPC and UI boundaries for incremental feature rollout.