Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →github/react-container-presentation-component
Create a React component using the Container/Presentation pattern in src/components by asking for the component name and type (ui or features), then scaffold files that follow this repository's TypeScript, Storybook, and SCSS conventions.
Passed 7 of 13 test cases with the skill, and 4 of 13 without it.
and 6 more in the full report
7 fixed5 passed either way10 still failing2 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 7 test cases the skill fixed. Same model, same prompt, with and without the skill.
/react-container-presentation-component I want to create a UI component to replace direct usage of Mantine buttons in our feature modules. Ask me the required questions before proceeding.
| Checked | Without skill | With skill |
|---|---|---|
| Requests component name as required input. | Missed | Passed |
The instructions your model reads when the skill loads.
Use this skill to create a React component under src/components that follows the Container/Presentation pattern.
Refer to this skill's bundled references for detailed rules.
references/component-architecture.mdreferences/typescript-and-scss-rules.mdIf the /react-container-presentation-component input is incomplete, ask questions first before creating files.
/react-container-presentation-componentui vs features classification within the Container/Presentation patternIf any of the following information is missing, ask the user using ask_user.
ui or features)ui)Question requirements:
ui, features)ui, ask whether direct usage of Mantine or other UI libraries in existing features should be replaced with the new componentsrc/components/ui/<ComponentName> or src/components/features/<ComponentName> already exists.test cases passed, vs 4 / 13 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.