Scaffold SolidJS UI components following CoRATES conventions.
npx skills add https://github.com/InfinityBowman/corates --skill component-infinitybowman
Please help me install this Agent Skill. Skill: Component Source: https://github.com/InfinityBowman/corates/tree/main/.claude/skills/component Command: npx skills add https://github.com/InfinityBowman/corates --skill component-infinitybowman
This skill helps teams rapidly scaffold SolidJS UI components that adhere to the CoRATES conventions, ensuring consistency, readability, and maintainability across the frontend.
Use this skill to scaffold a new SolidJS component named MyButton under packages/web/src/components/feature/MyButton.jsx following CoRATES conventions.
High-intent search queries and answers about installing and using this skill.
To scaffold SolidJS components without prop destructuring, use this Skill to generate UI elements following CoRATES conventions, which enforces direct store imports and requires accessing props directly to reduce prop drilling.
The best way to manage derived state in SolidJS components is using createMemo and createStore. This Skill scaffolds components with these patterns to ensure clear state management and readability across your frontend features.
Yes, you can use this Skill to create dashboard widgets, feature UI blocks, and reusable controls in SolidJS. It guides rapid scaffolding of focused components with 1-5 local props for your UI patterns.
This Skill is specifically designed for the CoRATES frontend and enforces its conventions. While it scaffolds standard SolidJS components using createSignal and createStore, its strict rules for direct store imports and no prop destructuring are tailored for CoRATES.
You should avoid prop destructuring in SolidJS components to prevent loss of reactivity and reduce prop drilling. This Skill enforces direct prop access and direct store imports to maintain consistency and maintainability across the project.
To quickly generate a new SolidJS UI component, use this Skill to scaffold a file like MyButton.jsx under packages/web/src/components/feature/. It automatically applies CoRATES patterns, including state management and prop handling.
InfinityBowmanDetect anti-patterns in SolidJS components and Hono API routes.
nomos-guildScaffold a dashboard chart component and register it in the governance system.
OpenAEC-FoundationGuide SolidJS state pattern selection with a decision-tree for signals, stores, and context.
adamhjkGuide reactive component props in SolidJS to prevent reactivity bugs.
