Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools
Submit

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Submit
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Snug
  • Agent Caffeine
  • knobs
  • Wax
  • Vectoys
  • mertduzgun.com
Crafted at
Skills/Frontend Development
analogjs avatar

Angular Directives

analogjs/angular-skills

Solid reference for building Angular directives the modern way with v20+ patterns. Covers attribute directives using the new `input()` function and `host` property instead of decorators, plus structural directives for actual DOM manipulation like portals and lazy rendering. The examples show real scenarios like tooltips, click-outside detection, and keyboard shortcuts rather than toy demos. Smart guidance on using native `@if/@for/@switch` for control flow instead of rolling custom structural directives. The host directive composition examples are especially useful for building reusable behavior mixins across components.

installs
5.7K
GitHub stars
588
last updated
Aug 21, 2026
View on GitHubSave

Install

$ npx -y skills add analogjs/angular-skills --skill angular-directives --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular Directives

⚠️ Deprecated. This skill is no longer maintained, and its guidance has been removed rather than left to go stale. The Angular team now publishes official skills at angular/skills — install those instead:

npx skills add https://github.com/angular/skills

To remove these: npx skills remove analogjs/angular-skills

The previous contents of this skill remain available in this repository's git history.

SKILL.md on GitHub

Sponsors

SnugThe clipboard manager you and your agent can use, safelyAgent CaffeineClose your lid, come back to finished workWaxBlock anything with supervision, without erasing your iPhoneOpen StepsSponsoredFree and open-source skills that make AI coding agents easier to understand, verify, and control.

Details

Repository
github.com/analogjs/angular-skills
Category
Frontend Development

More from analogjs/angular-skills

All 10
  • Angular Tooling5.2K
  • Angular Ssr3.9K
  • Angular Component11.5K
  • Angular Signals8.8K
  • Angular Forms7.1K
  • Angular Routing6.8K
  • Angular Http6.5K
  • Angular Testing6.4K
  • Angular Di5.7K

Recommended

More Frontend Development
1affaan-m avatarfrontend-slidesaffaan-m/eccCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PP5.6Kinstalls
2callstack avatarreact-native-testingcallstack/react-native-testing-libraryWrite tests using React Native Testing Library (RNTL) v13 and v14 (`@testing-library/react-native`). Use when writing, reviewing, or fixing React Native compone5.3Kinstalls
3forcedotcom avatarexperience-ui-bundle-deployforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the task involves deploying, pushing to an org, or post-deploy org setup. Use this skil5.2Kinstalls
4affaan-m avatarnextjs-turbopackaffaan-m/eccNext.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.5Kinstalls
5affaan-m avatarreact-performanceaffaan-m/eccReact and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). Organi4.9Kinstalls
6samber avatarfrontend-design-deslopsamber/cc-skillsProduce distinctive, non-generic UI and design applications well, working strategy-first. Identify the project (landing page, SaaS app, dashboard, ecommerce, pr4.8Kinstalls