home/categories/mobile/software-design-club-todo-app-claude-skills-frontend-components-skill-md
mobiledevelopment

frontend-components

Design reusable, composable UI components with single responsibility, clear props interfaces, minimal state management, and proper encapsulation. Use this skill when creating or modifying React components, Vue components, Svelte components, web components, or any modular UI building blocks. Use this when designing component APIs with props and defaults, managing component state, composing smaller components into larger UIs, documenting component usage, implementing component lifecycle methods, or ensuring components are reusable across different contexts. Use this when working on .jsx, .tsx, .vue, .svelte files in component directories like components/, src/components/, or app/components/.

Software-Design-Club
maintainer
Software-Design-Club
更新於 1/18/2026
星標
0
分支
0
quick start

Installation and usage

Design reusable, composable UI components with single responsibility, clear props interfaces, minimal state management, and proper encapsulation. Use this skill when creating or modifying React components, Vue components, Svelte components, web components, or any modular UI building blocks. Use this when designing component APIs with props and defaults, managing component state, composing smaller components into larger UIs, documenting component usage, implementing component lifecycle methods, or ensuring components are reusable across different contexts. Use this when working on .jsx, .tsx, .vue, .svelte files in component directories like components/, src/components/, or app/components/.

安裝
$ install --globalskills.sh
使用

安裝後,您可以透過在終端機執行以下指令來使用此技能:

skills use frontend-components