Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Collection of agents, commands and skills for frontend development with Angular and React
npx claudepluginhub wesleyegberto/software-engineering-skills --plugin frontendYou are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct comprehensive audits, identify barriers, provide remediation guidance, and ensure digital products are accessible to all users.
You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, styles, and documentation following modern best practices.
Angular developer
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.
Develop native iOS applications with Swift/SwiftUI. Masters iOS 18, SwiftUI, UIKit integration, Core Data, networking, and App Store optimization. Use PROACTIVELY for iOS-specific features, App Store optimization, or native iOS development.
Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.
Expert Next.js 16 developer specializing in App Router, Server Components, Cache Components, Turbopack, and modern React patterns with TypeScript
Use when building Angular 17+ applications with standalone components or signals. Invoke for enterprise apps, RxJS patterns, NgRx state management, performance optimization, advanced routing.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.
Creates a new Angular app using the Angular CLI. This skill should be used whenver a user wants to create a new Angular application and contains important guidelines for how to effectively create a modern Angular application.
Expert-level browser automation, debugging, and performance analysis using Chrome DevTools MCP. Use for interacting with web pages, capturing screenshots, analyzing network traffic, and profiling performance.
Master end-to-end testing with Playwright and Cypress to build reliable test suites that catch bugs, improve confidence, and enable fast deployment. Use when implementing E2E tests, debugging flaky tests, or establishing testing standards.
Uses power tools
Uses Bash, Write, or Edit tools
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n<example>\nContext: Building a new user interface\nuser: "Create a dashboard for displaying user analytics"\nassistant: "I'll build an analytics dashboard with interactive charts. Let me use the frontend-developer agent to create a responsive, data-rich interface."\n<commentary>\nComplex UI components require frontend expertise for proper implementation and performance.\n</commentary>\n</example>\n\n<example>\nContext: Fixing UI/UX issues\nuser: "The mobile navigation is broken on small screens"\nassistant: "I'll fix the responsive navigation issues. Let me use the frontend-developer agent to ensure it works perfectly across all device sizes."\n<commentary>\nResponsive design issues require deep understanding of CSS and mobile-first development.\n</commentary>\n</example>\n\n<example>\nContext: Optimizing frontend performance\nuser: "Our app feels sluggish when loading large datasets"\nassistant: "Performance optimization is crucial for user experience. I'll use the frontend-developer agent to implement virtualization and optimize rendering."\n<commentary>\nFrontend performance requires expertise in React rendering, memoization, and data handling.\n</commentary>\n</example>
Language-specific expert agents with deep framework knowledge - Python, TypeScript, Go, Rust, Java, and more
Professional Agent Skills collection for full-stack development, logic planning, and multimedia processing.
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Complete developer toolkit for Claude Code
Orchestrate multi-agent teams for parallel code review, hypothesis-driven debugging, and coordinated feature development using Claude Code's Agent Teams
Collection of agents, commands and skills for DevOps
Collection of agents, commands and skills for software development in Python
Collection of agents, commands and skills for documentation
Collection of agents, commands and skills for software development in Java with Spring Boot
Collection of agents, commands and skills for Node
Collection of agents, commands and skills for software engineering.
Some skills were collected from authors listed in the Resources section and some were crafted from study notes and practical examples.
The goal is to enable any agent to develop software using the industry's consolidated knowledge.
Plugins are available for specific stacks: Java, Node.js, Python, Angular, React, DevOps tooling, and more.
[!NOTE] All plugins depend on
programming-skillsas a base. Install it first before any other plugin.
| Concept | Description | How to invoke | |
|---|---|---|---|
| ๐ค | Agent | Specialized AI persona with focused expertise | @agent-name in Claude Code |
| โก | Command | Slash command that triggers a pre-built workflow | /command-name |
| ๐งฐ | Skill | Reusable knowledge prompt that guides agent behavior on a specific topic | Referenced in conversation context |
Each plugin follows the same directory layout:
plugins/<plugin-name>/
โโโ agents/ # Specialized agent definitions (.agent.md)
โโโ commands/ # Slash commands (/command-name)
โโโ skills/ # Reusable knowledge prompts
Plugin dependency:
programming-skills (base โ required by all)
โโโ java
โโโ python
โโโ node
โโโ frontend
โโโ devops
โโโ docs
โโโ architecture
| Plugin | ๐ค Agents | โก Commands | ๐งฐ Skills | Stack |
|---|---|---|---|---|
programming-skills | 11 | 5 | 22 | Any โ foundation for all plugins |
java | 5 | 7 | 11 | Java / Spring Boot |
python | 2 | 4 | 19 | Python / Django / FastAPI |
node | 2 | 2 | 11 | Node.js / JavaScript / TypeScript |
frontend | 8 | 2 | 24 | React / Angular / Next.js / Mobile |
devops | 12 | 1 | 21 | CI/CD / Kubernetes / Terraform |
docs | 6 | 5 | 1 | Technical Writing / Documentation |
architecture | 9 | 6 | 13 | System Design / C4 / ADRs |
To try without installing:
claude --plugin-dir ./software-engineering-skills/plugins/<plugin-name>
To install as a plugin, run the Claude Code command:
# Remote
claude plugin marketplace add https://github.com/wesleyegberto/software-engineering-skills.git
# Local path
git clone https://github.com/wesleyegberto/software-engineering-skills.git
claude plugin marketplace add ./software-engineering-skills
# Install a specific plugin
claude plugin install programming-skills@software-engineering-skills
claude plugin install java@software-engineering-skills
claude plugin install python@software-engineering-skills
claude plugin install node@software-engineering-skills
claude plugin install frontend@software-engineering-skills
claude plugin install devops@software-engineering-skills
claude plugin install docs@software-engineering-skills
claude plugin install architecture@software-engineering-skills
To install just link the extension with the folder:
# Local path
git clone https://github.com/wesleyegberto/software-engineering-skills.git
# Install extensions
gemini extensions link ./software-engineering-skills/plugins/programming-skills/
gemini extensions link ./software-engineering-skills/plugins/java/
gemini extensions link ./software-engineering-skills/plugins/python/
gemini extensions link ./software-engineering-skills/plugins/node/
gemini extensions link ./software-engineering-skills/plugins/frontend/
gemini extensions link ./software-engineering-skills/plugins/devops/
gemini extensions link ./software-engineering-skills/plugins/docs/
gemini extensions link ./software-engineering-skills/plugins/architecture/
After installation, you can invoke agents, commands and skills directly in Claude Code:
# Invoke a specialized agent
@java-reviewer please review this PR for security issues
# Run a slash command
/debug
/junit UserServiceTest