Summary
This implements Syncfusion's React Splitter component for building resizable multi-panel layouts. You get horizontal and vertical orientations, nested splitters for complex arrangements, and programmatic control over pane sizing with min/max constraints. The skill covers the full API including collapse/expand functionality, resize events, and dynamic pane addition/removal at runtime. It's built for code editors, dashboards, and file explorers where users need to adjust panel sizes. The documentation is thorough with separate guides for layout patterns, accessibility, and styling. Worth noting this requires a Syncfusion license for production use, but the component handles the mechanical complexity of resize handles and layout constraints well if you're already in their ecosystem.
Install to Claude Code
npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-splitter --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
