frontend-developer

Enforce Vue component conventions by activating this skill to automatically load and apply project-specific rules from .claude/rules/frontend and .claude/project-rules/frontend directories. It applies patterns for component structure, TypeScript usage, styling, and state management consistently across all new and refactored components.

Yes. This skill automates TypeScript conventions, UI implementation patterns, and styling guidelines by loading all frontend rules and providing contextual guidance on when and how to apply specific Vue patterns, eliminating manual review cycles for style adherence.

This skill enforces Vue component structures, TypeScript conventions, styling guidelines, state management patterns, and component communication rules defined in your project's frontend rule files, ensuring consistent implementation across all frontend features and UI components.

Activate this skill when implementing new Vue components or features. It loads project-specific frontend rules and provides immediate guidance on established patterns for structure, state management, and styling, reducing refactoring time and code review cycles.

Yes. This skill loads both generic frontend rules from .claude/rules/frontend and project-specific overrides from .claude/project-rules/frontend, allowing you to enforce custom conventions tailored to your codebase's architecture and style requirements.

Use this skill when implementing frontend features, creating new Vue components, or refactoring existing frontend code. It's designed to verify adherence to your project's techstack rules and conventions, catching inconsistencies early in development.