storybook
01Skill Claude CodeCodex
Storybook best practices for Wonder Blocks component stories. Use when creating or editing .stories.tsx / .stories.ts files.
Skill Claude CodeCodex
Storybook best practices for Wonder Blocks component stories. Use when creating or editing .stories.tsx / .stories.ts files.
Skill Claude CodeCodex
Jest + React Testing Library best practices for Wonder Blocks unit tests. Use when creating or editing .test.ts / .test.tsx files.
Skill Claude CodeCodex
Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library. Use this skill whenever the user asks you to build, modify, or review UI components; wants to use or map WB tokens for colors/spacing/typography (including translating Figma designs to WB components and…
Hook Claude Code
Runs when a session starts on startup, executing git-token-init.mjs, gh-install.mjs and pnpm-install.mjs (3 commands). From Khan/wonder-blocks.
Hook Claude Code
Runs before the agent uses a tool for Bash, Bash and Bash tool calls, executing git-filter.mjs, gh-filter.mjs and echo-banner-filter.mjs (3 commands). From Khan/wonder-blocks.
Settings file Claude Code
Agent settings declaring 2 hook events (SessionStart, PreToolUse) and 113 allowed tools.
Cursor rule Cursor
Wonder Blocks design system conventions, component patterns, and coding standards.
Cursor rule Cursor
Best practices for writing .mdc cursor rules files.
Instructions file GitHub Copilot
Wonder Blocks design system conventions, component patterns, and coding standards.
Instructions file GitHub Copilot
Storybook best practices for Wonder Blocks component stories.
Instructions file GitHub Copilot
Jest testing best practices and patterns for unit tests.
MCP server Claude CodeCodexCursor +2
MCP server "wonder-blocks-storybook", hosted remotely at localhost, as configured in Khan/wonder-blocks.
Instructions file CodexOpenCode
Instructions for Khan/wonder-blocks, covering wonder blocks – agentic workflows & storybook mcp, installing the mcp (consumer setup), storybook mcp server, when it’s available and mcp endpoint.
Instructions file
Instructions for Khan/wonder-blocks, covering wonder blocks design system, technology stack, coding conventions, file & export naming and typescript.