implement

SKILL.md

Implement

/implement - Feature Implementation

Purpose

Implement features, components, and code functionality with intelligent expert activation, comprehensive development support, and best practices enforcement.

Usage

/implement [feature-description] [--type <type>] [--framework <name>] [--<flags>]

Arguments

  • [feature-description] - Clear description of what to implement
  • --type component|api|service|feature|module - Implementation type
  • --framework react|vue|angular|express|fastapi|etc - Target framework
  • --safe - Use conservative implementation approach
  • --iterative - Enable iterative development with validation
  • --with-tests - Include test implementation
  • --documentation - Generate documentation alongside code
  • --agent <agent-name> - Manually activate specific agent
  • --agents <agent-list> - Activate multiple coordinated agents

Auto-Activation Patterns

Personas (Context-Dependent)

  • Frontend: UI components, React/Vue/Angular development

    • Keywords: component, UI, React, Vue, responsive, accessibility
    • Files: *.jsx, *.tsx, *.vue, *.css
  • Backend: APIs, services, database integration

    • Keywords: API, database, server, endpoint, authentication
    • Files: *.js, *.ts, *.py, *.go, controllers/*, models/*
  • Security: Authentication, authorization, data protection

    • Keywords: auth, security, encryption, validation
    • Auto-activates for sensitive operations
  • Architect: System design and module structure

    • Complex features requiring architectural decisions
    • Multi-component implementations

MCP Servers

  • Banana: Primary for UI component generation and design systems
  • Context7: Framework documentation and implementation patterns
  • Sequential: Complex business logic and multi-step workflows

Agent Coordination

  • Single Domain: Domain-specific agent (frontend, backend, etc.)
  • Multi-Domain: Hierarchical coordination with multiple specialists
  • Testing: Automatic test-agent activation with --with-tests
  • Documentation: Automatic docs-agent activation with --documentation

Execution Workflow

  1. Requirements Analysis

    • Parse feature description and detect technology context
    • Identify required components and dependencies
    • Determine implementation complexity
  2. Persona & Agent Activation

    • Auto-activate relevant personas based on context
    • Route to specialized agents when beneficial
    • Coordinate MCP servers for enhanced capabilities
  3. Implementation Phase

    • Generate code with framework best practices
    • Apply security and quality validation
    • Follow project conventions and patterns
    • Use appropriate design patterns
  4. Testing & Validation

    • Generate tests if requested
    • Validate against requirements
    • Check for common pitfalls and vulnerabilities
  5. Documentation & Next Steps

    • Document implementation decisions
    • Provide usage examples
    • Suggest testing and integration steps

Examples

# Frontend component with tests
/implement LoginComponent --type component --framework react --with-tests

# Backend API with documentation
/implement user-authentication-system --type feature --documentation

# Multi-agent full-stack feature
/implement user-dashboard --agents frontend,backend,test,docs

# Safe iterative implementation
/implement payment-processing-service --type service --safe --iterative

# Explicit agent selection
/implement REST-API-users --type api --agent gd-backend-agent

Integration Features

Framework Detection

  • Automatically detects project framework and conventions
  • Adapts code style to existing patterns
  • Uses project-specific dependencies

Security-First

  • Security persona auto-activates for sensitive operations
  • Input validation by default
  • OWASP compliance checks

Quality Assurance

  • Code quality validation
  • Performance considerations
  • Accessibility compliance (for UI components)

Testing Integration

  • Unit test generation
  • Integration test suggestions
  • E2E test strategies with Playwright agent

Output Structure

# Implementation: [Feature Name]

## Summary
- Type: [component|api|service|feature]
- Framework: [framework-name]
- Complexity: [low|medium|high]
- Estimated time: [time estimate]

## Files Created/Modified
- `path/to/file1.ts` - Description
- `path/to/file2.ts` - Description

## Implementation Details
[Code with explanations]

## Security Considerations
- [Security measure 1]
- [Security measure 2]

## Testing
- Unit tests: [location]
- Integration tests: [strategy]
- E2E tests: [recommendations]

## Next Steps
1. [Step 1]
2. [Step 2]
3. [Step 3]

## Documentation
[Usage examples and API documentation]

Best Practices

Code Quality

  • Follow SOLID principles
  • Use appropriate design patterns
  • Maintain DRY principle
  • Ensure proper error handling

Performance

  • Optimize critical paths
  • Consider scalability
  • Monitor resource usage
  • Implement caching strategies

Security

  • Input validation
  • Authentication/Authorization
  • Secure data handling
  • OWASP compliance

Testing

  • Comprehensive test coverage
  • Edge case handling
  • Integration testing
  • Performance testing

Related Commands

  • /build - Build and compile project
  • /test - Run test suite
  • /improve - Enhance existing implementation
  • /review - Code review before merge
  • /document - Generate documentation
Weekly Installs
3
GitHub Stars
3
First Seen
12 days ago
Installed on
antigravity3
opencode2
gemini-cli2
claude-code2
github-copilot2
codex2