stenciljs-component-development
OfficialBuild Stencil.js web components
Software Engineering#typescript#component library#frontend development#ui development#web components#stenciljs
AuthorCoRLab-Tech
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive guidance and best practices for developing robust and scalable web components using Stencil.js, ensuring adherence to modern web standards and efficient development workflows.
Core Features & Use Cases
- Component Structure & Decorators: Learn to define components, props, state, events, and methods.
- Lifecycle Methods: Understand and implement the Stencil component lifecycle for optimal performance.
- Best Practices & Anti-Patterns: Follow established guidelines for clean, maintainable, and performant code.
- Testing: Implement unit and end-to-end tests for component reliability.
- Use Case: Develop a custom, framework-agnostic button component that can be used across React, Angular, and Vue applications, following Stencil's best practices for reusability and maintainability.
Quick Start
Use the stenciljs-component-development skill to create a new Stencil.js component named 'user-profile-card' with a 'name' and 'avatarUrl' prop.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: stenciljs-component-development Download link: https://github.com/CoRLab-Tech/skills/archive/main.zip#stenciljs-component-development Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.