React component structure and export conventions for personal projects. Triggers on component creation, refactoring, or when asking about React patterns.
/plugin marketplace add jasonkuhrt/claude-marketplace/plugin install react@jasonkuhrtThis skill inherits all available tools. When active, it can use any tool Claude has access to.
Propsimport React from 'react'
interface Props {
value: string
onChange?: (value: string) => void
}
export const MyComponent: React.FC<Props> = ({ value, onChange }) => {
return <div>{value}</div>
}
export constReact.FC<Props> for type annotationThis skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.