Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →elie222/ui-components
UI component and styling guidelines using Shadcn UI, Radix UI, and Tailwind
Passed 22 of 23 test cases with the skill, and 13 of 23 without it.
and 13 more in the full report
9 fixed13 passed either way1 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
We need an email text field inside a React Hook Form setup. Provide the component markup that handles the label, input type, registration, and error message.
| Checked | Without skill | With skill |
|---|---|---|
| uses the custom Input component | Missed | Passed |
| passes registerProps to the Input component | Missed | Passed |
The instructions your model reads when the skill loads.
next/image package for imagespnpm dlx shadcn@latest add COMPONENT
Example:
pnpm dlx shadcn@latest add progress
For API get requests to server use the swr package:
const searchParams = useSearchParams();
const page = searchParams.get("page") || "1";
const { data, isLoading, error } = useSWR<PlanHistoryResponse>(
`/api/user/planned/history?page=${page}`
);
Use the LoadingContent component to handle loading states:
<Card>
<LoadingContent loading={isLoading} error={error}>
{data && <MyComponent data={data} />}
</LoadingContent>
</Card>
test cases passed, vs 13 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.