Angular Architect
Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management…
- Type
- Skill
- Repository
- Jeffallan/claude-skills
- GitHub stars
- 11.6k
- License
- MIT
- Repo last updated
- Aug 7, 2026
- Source file
- README.md
What Angular Architect is
Angular Architect is a skill published in the Jeffallan/claude-skills repository on GitHub, which has about 11.6k stars. The repository describes itself as: “67 Specialized Skills for Full-Stack Developers. Transform Claude Code into your expert pair programmer.”
A skill is a folder with a SKILL.md file: frontmatter with a name and a description, followed by instructions Claude follows. Claude loads a skill automatically when a task matches its description, and you can also run it directly with a slash and its name.
Skills work in Claude Code and in Claude Cowork, which makes Angular Architect a portable way to give Claude the same method everywhere.
How to install Angular Architect
Claude Code
- Download the angular-architect folder from the repository.
- Save it as ~/.claude/skills/<skill-name>/SKILL.md for all projects, or .claude/skills/<skill-name>/SKILL.md for one project.
- Claude loads it automatically when a task matches; you can also run it with / and its name.
Claude Cowork
- Zip the skill folder so SKILL.md sits at the top level of the folder.
- Open Customize → Skills, click +, then upload the ZIP.
- Start a task that matches the description, or call it by name with /.
New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.
Inside the source file
An excerpt from README.md, shared under the repository's MIT license. Read the full file on GitHub.
Quick Start
/plugin marketplace add jeffallan/claude-skillsThen, install the skills:
/plugin install fullstack-dev-skills@jeffallanFor all installation methods and first steps, see the Quick Start Guide.
Full documentation: jeffallan.github.io/claude-skills
Skills
67 specialized skills across 12 categories covering languages, backend/frontend frameworks, infrastructure, APIs, testing, DevOps, security, data/ML, and platform specialists.
See Skills Guide for the full list, decision trees, and workflow combinations.
Usage Patterns
Context-Aware Activation
Skills activate automatically based on your request:
# Backend Development
"Implement JWT authentication in my NestJS API"
→ Activates: NestJS Expert → Loads: references/authentication.md
# Frontend Development
"Build a React component with Server Components"
→ Activates: React Expert → Loads: references/server-components.mdMulti-Skill Workflows
Complex tasks combine multiple skills:
Feature Development: Feature Forge → Architecture Designer → Fullstack Guardian → Test Master → DevOps Engineer
Bug Investigation: Debugging Wizard → Framework Expert → Test Master → Code Reviewer
Security Hardening: Secure Code Guardian → Security Reviewer → Test MasterContext Engineering
Surface and validate Claude's hidden assumptions about your project with /common-ground. See the Common Ground Guide for full documentation.
Project Workflow
The 9 workflow commands manage epics from discovery through retrospectives, integrating with Jira and Confluence. See Workflow Commands Reference for the full command reference and lifecycle diagrams.
> [!TIP] > Setup: Workflow commands require an Atlassian MCP server. See the Atlassian MCP Setup Guide.
Documentation
- Quick Start Guide - Installation and first steps
- Skills Guide - Skill reference and decision trees
- Common Ground - Context engineering with /common-ground
- Workflow Commands - Project workflow commands guide
- Atlassian MCP Setup - Atlassian MCP server setup
- Local Development - Local skill development
- Contributing - Contribution guidelines
- skills/\*/SKILL.md - Individual skill documentation
- skills/\*/references/ - Deep-dive reference materials
Contributing
See Contributing for guidelines on adding skills, writing references, and submitting pull requests.
Changelog
See Changelog for full version history and release notes.
License
MIT License - See LICENSE file for details.
Support
- Issues: GitHub Issues
- Discussions: GitHub Discussions
- Repository: github.com/jeffallan/claude-skills
Author
Built by jeffallan
Principal Consultant at Synergetic Solutions
Fullstack engineering, security engineering, compliance, and technical due diligence.
Community
Star History
Built for Claude Code | 9 Workflows | 371 Reference Files | 67 Skills
Before you install
- Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
- Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
- Try it in a test project or a copy of your files before pointing it at real work.
- Pin the version you tested, and review changes before updating.
- Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.
FAQ
What is Angular Architect?
Angular Architect is a skill for Claude Code and Claude Cowork from the Jeffallan/claude-skills repository on GitHub. Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management…
How do I install Angular Architect in Claude Code?
Download the angular-architect folder from the repository. Save it as ~/.claude/skills/<skill-name>/SKILL.md for all projects, or .claude/skills/<skill-name>/SKILL.md for one project. Claude loads it automatically when a task matches; you can also run it with / and its name.
Can I use Angular Architect in Claude Cowork?
Zip the skill folder so SKILL.md sits at the top level of the folder. Open Customize → Skills, click +, then upload the ZIP. Start a task that matches the description, or call it by name with /.
Is Angular Architect safe to install?
It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.
Similar resources
- Fullstack Dev Skills Comprehensive skill pack with 67 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading. Plugin · Jeffallan/claude-skills
- Gradio Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots. Skill · huggingface/skills
- Skill Seekers (Doc Converter) Automatically converts any documentation website into a Claude AI skill in minutes Skill · yusufkaraaslan/Skill_Seekers
- Reddit Fetch Fetch content from Reddit via its JSON API using a browser session (DuckDuckGo-hop unlock). Use when accessing Reddit URLs, researching topics on Reddit, or when Reddit returns 403/blocked errors. Skill · ykdojo/claude-code-tips
- Create Plan Create a concise plan. Use when a user explicitly asks for a plan related to a coding task. Skill · composio-community/awesome-codex-skills
- Drawio Skill Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, network topology… Skill · Agents365-ai/drawio-skill
- Ablation Planner Use when main results pass result-to-claim (`claim_supported = yes` or `partial`) and ablation studies are needed for paper submission. A… Skill · wanshuiyin/Auto-claude-code-research-in-sleep
- Google AI Skills 11 official skills from Google Labs and Gemini for AI-powered development Skill · google-labs-code/stitch-skills