Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →aiskillstore/coding-standards
React 19 and TypeScript coding standards for Portfolio Buddy 2.
Passed 19 of 22 test cases with the skill, and 14 of 22 without it.
and 11 more in the full report
7 fixed13 passed either way1 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.
I am creating a new `CorrelationHeatmap` component and a `StatCard` helper. Where should I place these files in the `src` directory? Should I create `src/components/ui/StatCard.tsx` and `src/components/charts/CorrelationHeatmap.tsx`?
| Checked | Without skill | With skill |
|---|---|---|
| The target file path for CorrelationHeatmap is src/components/CorrelationHeatmap.tsx. | Missed | Passed |
| The target file path for StatCard is src/components/StatCard.tsx. | Missed | Passed |
The instructions your model reads when the skill loads.
// Good: Functional component with TypeScript
interface MetricsTableProps {
data: Metric[]
onSelect: (id: string) => void
}
export function MetricsTable({ data, onSelect }: MetricsTableProps) {
// Hooks at top
const [selected, setSelected] = useState<Set<string>>(new Set())
// Derived state with useMemo
const sortedData = useMemo(() =>
data.sort((a, b) => b.sharpe - a.sharpe),
[data]
)
// Event handlers with useCallback
const handleSelect = useCallback((id: string) => {
setSelected(prev => new Set(prev).add(id))
onSelect(id)
}, [onSelect])
// Render
return <div>...</div>
}
use - useMetrics, usePortfolio, useSortingtest cases passed, vs 14 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.