component AI Agent Skills
Browse 11 skills related to component
material-component-dev
FlowGram 物料组件开发指南 - 用于在 form-materials 包中创建新的物料组件
Storybook Interaction Testing
Testing UI components through Storybook stories with play functions, interaction testing, accessibility checks, and visual regression via Chromatic.
Cypress Component Testing
Component testing with Cypress including mount API, React/Vue/Angular component testing, stub patterns, and visual snapshot testing.
Vue Test Utils Testing
Vue.js component testing using Vue Test Utils with mount/shallow mount, event simulation, Vuex/Pinia store testing, and composition API testing.
Snapshot Testing Patterns
Snapshot testing strategies for UI components, API responses, and data structures with update workflows, review patterns, and anti-pattern avoidance.
React Testing Library
Component testing using React Testing Library with user-centric queries, accessibility-focused selectors, and integration testing patterns.
Component Isolation Testing
Isolating and testing individual UI components with dependency mocking, state injection, and visual snapshot verification.
Angular Testing Patterns
Angular application testing with TestBed, component harness, service testing, directive testing, and Angular-specific testing utilities.
Svelte Component Testing
Svelte component testing with @testing-library/svelte, vitest, component rendering, event simulation, store testing, and SvelteKit testing.
ideal-react-component
Use when creating React components, structuring component files, organizing component code, debugging React hooks issues, or when asked to "create a React component", "structure this component", "review component structure", "refactor this component", "fix infinite loop", or "useEffect not working". Applies to both TypeScript and JavaScript React components. Includes hooks antipatterns.
generate-component
Generate React component with TypeScript, tests, and styles