SkillsAdd

smithery/rzyfront

vendix-frontend-component

Angular component structure rules for Vendix: reuse shared components first, follow zoneless/signals patterns, and align component folder shape with real repo conventions instead of rigid outdated rules. Trigger: When creating Angular components.

Installation

$ npx skills add smithery/rzyfront --skill vendix-frontend-component
View on skills.sh ↗ Website ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

react:components Similar name
google-labs-code/stitch-skills

Converts Stitch designs into modular Vite and React components using system-level networking an…

50.7K installs
building-components Similar name
vercel/components.build

Guide for building modern, accessible, and composable UI components. Use when building new comp…

12.5K installs
next-cache-components-adoption Similar name
vercel/next.js

Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when…

12.4K installs
next-cache-components-optimizer Similar name
vercel/next.js

Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Componen…

11.8K installs
create-oo-component-documentation Similar name
github/awesome-copilot

Create comprehensive, standardized documentation for object-oriented components following indus…

7K installs
update-oo-component-documentation Similar name
github/awesome-copilot

Update existing object-oriented component documentation following industry best practices and a…

7K installs

Also in this package

Other skills from smithery/rzyfront · top by installs.

npx skills add smithery/rzyfront
vendix-validation 0 vendix-prisma-seed 0 vendix-prisma-schema 0 vendix-naming-conventions 0 vendix-monorepo-workspaces 0 vendix-frontend-theme 0 vendix-frontend-sticky-header 0 vendix-frontend-state 0 vendix-frontend-routing 0 vendix-frontend-module 0

Browse all from smithery/rzyfront

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Skill metadata

Parsed from SKILL.md frontmatter.

Version2.0
LicenseMIT
More metadata
author
rzyfront
version
2.0
scope
["root"]
auto_invoke
Creating Angular components

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,755 B
  • docs SUMMARY.md 67 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

Vendix Frontend Component

Core Rule

Reuse existing shared components before creating new ones. Check apps/frontend/src/app/shared/components/index.ts first.

Current Reality

The repo mixes:

  • shared components under shared/components/
  • module-local components under components/
  • some components in their own folders
  • many legitimate loose *.component.ts files in a module directory

Do not enforce a false “every component must always live in its own folder with a README” rule on top of the existing codebase.

Required Patterns

  • Frontend code must follow vendix-zoneless-signals.
  • Prefer input(), output(), model(), signal(), and computed() in new code.
  • Keep components standalone when that matches the surrounding module pattern.
  • Match the nearest established pattern in the touched module instead of forcing a repo-wide folder migration.

Shared Component Check

Before creating a new component, inspect shared exports such as buttons, inputs, tables, modals, stats, responsive-data-view, date-range picker, paywall/modal components, diff viewers, pricing cards, and other reusable primitives exposed from shared/components/index.ts.

Related Skills

  • vendix-zoneless-signals
  • vendix-frontend-module
  • vendix-frontend-modal
  • vendix-frontend-data-display