claude-dev-toolkit

Included with Lifetime

$97 forever

Use this skill when the user wants to create Angular applications, generate Angular components/services/modules, or automate Angular development workflows. Handles scaffolding complete Angular apps with routing and guards, generating individual Angular artifacts, setting up project structure, and initializing git repositories with Angular best practices.

General

What this skill does


# Claude Dev Toolkit - Angular Development

This skill provides automated workflows for Angular development tasks.

## Capabilities

### 1. Angular Application Scaffolding
When the user requests an Angular app, create a well-structured Angular application with:
- Routing configuration
- Authentication guards
- Service structure
- Component architecture
- Core and Shared modules
- Best practices for folder organization

**Command to execute:**
```bash
ng new {app-name} --routing --style=scss
cd {app-name}
ng generate guard auth/guards/auth
ng generate service auth/services/auth
ng generate module core
ng generate module shared
ng generate component core/components/layout
```

Create folder structure:
- `src/app/core/` - Core functionality (singletons, guards, interceptors)
- `src/app/shared/` - Shared components, directives, pipes
- `src/app/features/` - Feature modules
- `src/app/auth/` - Authentication logic

After generation, create a README explaining the structure.

### 2. Angular Component Generation
Generate Angular components with proper structure:
```bash
ng generate component {path}/{component-name}
```

Include component, template, styles, and spec file. Use proper naming conventions.

### 3. Angular Service Generation
Generate Angular services:
```bash
ng generate service {path}/{service-name}
```

Follow singleton pattern for core services, place in appropriate module.

### 4. Angular Module Generation
Generate feature modules with routing:
```bash
ng generate module {module-name} --routing
```

### 5. Git Repository Initialization
Initialize a git repo with Angular-specific best practices:
- Create `.gitignore` for Angular/Node.js projects
- Initialize git
- Create initial commit
- Create a basic README with Angular commands
- Include common Angular build artifacts in .gitignore

### 6. Angular Guards & Interceptors
Generate guards and HTTP interceptors:
```bash
ng generate guard {path}/{guard-name}
ng generate interceptor {path}/{interceptor-name}
```

## Usage Guidelines

1. **Always verify prerequisites** - Check if Angular CLI is installed (`ng version`)
2. **Ask for confirmation** - Before creating files/folders, confirm names and locations
3. **Follow Angular style guide** - Use Angular naming conventions and best practices
4. **Provide next steps** - After generating, tell user how to use/integrate the code
5. **Document everything** - Create README files and code comments

## Example Interactions

User: "Create an Angular app called my-dashboard"
→ Use capability #1, verify ng is installed, create app with routing and guards

User: "Generate a user service"
→ Use capability #3, create service in appropriate location

User: "Add an auth guard"
→ Use capability #6, generate guard with authentication logic template

User: "Create a products feature module"
→ Use capability #4, generate module with routing

Files: 1

Size: 3.2 KB

Complexity: 9/100

Category: General

Source: https://github.com/jamesscalescode/claude-dev-toolkit/tree/main/skills/claude-dev-toolkit

Related in General

modeling-omnistudio-epc-catalog

Included

Salesforce Industries CME EPC product-modeling skill for Product2-based catalog creation. Use when creating EPC products, configuring product attributes, building offer bundles with Product Child Items, or reviewing EPC DataPack JSON metadata for product catalog changes. TRIGGER when: user creates or updates Product2 EPC records, AttributeAssignment payloads, AttributeMetadata/AttributeDefaultValues, Offer bundles, or ProductChildItem relationships. DO NOT TRIGGER when: designing OmniScripts/FlexCards/Integration Procedures (use building-omnistudio-omniscript, building-omnistudio-flexcard, or building-omnistudio-integration-procedure), implementing Apex business logic (use generating-apex), or troubleshooting deployment pipelines (use deploying-metadata).

Generalscripts

relationship-science-coach

Included

Use this skill for direct, practical adult relationship coaching: couples conflict, repair, trust, marriage, dating, flirting, attachment patterns, emotional connection, sex, desire differences, eroticism, kink negotiation, affection, love languages, breakups, and long-term passion. Draw on Gottman, EFT and Hold Me Tight, attachment science, modern sex research, Perel, Nagoski, Kerner, Schnarch, Love and Stosny, and flexible love-language tools. Be concrete and low-hedge. Redirect only for imminent danger, abuse, coercive control, minors, non-consent, self-harm, stalking, or medical/legal/psychiatric decisions.

Generalscripts

building-sf-integrations

Included

Salesforce integration architecture and runtime plumbing with 120-point scoring. Use this skill to set up Named Credentials, External Credentials, External Services, REST/SOAP callout patterns, Platform Events, and Change Data Capture. TRIGGER when: user sets up Named Credentials, External Services, REST/SOAP callouts, Platform Events, CDC, or touches .namedCredential-meta.xml files. DO NOT TRIGGER when: Connected App/OAuth config (use configuring-connected-apps), Apex-only logic (use generating-apex), or data import/export (use handling-sf-data).

Generalscripts

venue-templates

Included

Access comprehensive LaTeX templates, formatting requirements, and submission guidelines for major scientific publication venues (Nature, Science, PLOS, IEEE, ACM), academic conferences (NeurIPS, ICML, CVPR, CHI), research posters, and grant proposals (NSF, NIH, DOE, DARPA). This skill should be used when preparing manuscripts for journal submission, conference papers, research posters, or grant proposals and need venue-specific formatting requirements and templates.

Generalscripts

let-fate-decide

Included

Draws the 12 Houses of the Zodiac Tarot spread to inject entropy into planning when prompts are vague, ambiguous, or casually delegated. Interprets the spread to guide next steps. Use when the user says 'let fate decide', 'YOLO', 'whatever', 'idk', or other nonchalant phrases, makes Yu-Gi-Oh references, or when you are about to arbitrarily pick between multiple reasonable approaches. Prefer over ask-questions-if-underspecified when the user's tone is casual or playful rather than precision-seeking.

Generalscripts

net-ops

Included

Cross-platform network troubleshooting (Windows, macOS, Linux) via local or remote shell. Use for: DNS broken, can't resolve hostnames, nslookup/dig works but apps fail, NRPT, WFP, scutil, /etc/resolver, systemd-resolved, /etc/resolv.conf, NetworkManager, VPN DNS leak residue (ProtonVPN/Mullvad/WireGuard/AnyConnect), AV/firewall blocking DNS or DoH, Tailscale DNS interaction, intermittent connectivity, remote diagnostics over SSH.

Generalscripts