feature-development

Guide modular feature development for the DEVS platform with defined architecture.

52|1|Updated Aug 2, 2025
One-click install
npx skills add https://github.com/codename-co/devs --skill feature-development-codename-co
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: feature-development
Source: https://github.com/codename-co/devs/tree/main/.github/skills/feature-development
Command: npx skills add https://github.com/codename-co/devs --skill feature-development-codename-co

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a standardized and efficient process for developing new features within the DEVS platform, ensuring consistency and maintainability.

Core Features & Use Cases

  • Modular Architecture: Guides the creation of self-contained feature modules with defined directory structures.
  • Component Guidance: Details how to implement components, hooks, stores, types, and utilities within a feature.
  • Integration Points: Explains how to integrate new features into navigation, use feature flags, and add translations.
  • Use Case: A developer needs to add a new "User Profile" feature to DEVS. They would use this Skill to understand the recommended structure for creating the src/features/user-profile/ directory and its subfolders, ensuring it aligns with existing features.

Quick Start

Follow the provided directory structure and code examples to create a new feature module in src/features/.

Frequently Asked Questions about feature-development

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

FAQPage Schema
How do I structure a modular feature directory for a React and TypeScript application?

To structure a modular feature directory, create self-contained modules in `src/features/` with defined subfolders for components, hooks, stores, types, and utilities. This approach ensures feature isolation and maintainability across your React and TypeScript application.

What is the best way to integrate a new feature into navigation and add translations?

The best way to integrate a new feature into navigation and add translations is to follow defined integration points within the modular architecture. This ensures your new feature modules connect properly to the main platform while maintaining translation consistency.

How do I implement hooks and stores within a modular feature development workflow?

To implement hooks and stores within a modular feature development workflow, place them in their designated subfolders inside the feature module directory. This isolates state management and logic specific to that feature, ensuring decentralized development and maintainability.

Does this modular architecture approach work for decentralized development across multiple teams?

Yes, this modular architecture approach works effectively for decentralized development. By building self-contained feature modules with defined directory structures, multiple developers can work on different features simultaneously without creating code conflicts or dependencies.

What testing strategies should I use when building self-contained feature modules?

When building self-contained feature modules, you should use testing strategies that validate each module's isolated components, hooks, and stores. This ensures the feature functions correctly independently before integration into the broader platform.