Skills
.Work. You
Rest

etymology-visualizations

Community

Generate polished Rooted visualizations in React.

Software Engineering#react#component#visualization#web-development#generate#d3#framer-motion
Authorjigarbhoye04
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Rooted's visualization work currently requires bespoke code generation for each word visualization. This skill automates the creation of reusable React components for Tree, Map, Timeline, and Grid visualizations, speeding up development and maintaining consistency.

Core Features & Use Cases

  • Generates production-ready React components that implement D3 layouts, Framer Motion animations, and mobile optimization.
  • Includes modular design tokens for typography, colors, and timing, plus a ready-to-use component architecture.
  • Use Case: A designer outlines a word's data and the skill outputs a ready-to-run visualization module that can be dropped into the Rooted app.

Quick Start

Run the etymology-visualizations skill to generate React components for Rooted etymology stories.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: etymology-visualizations
Download link: https://github.com/jigarbhoye04/rooted/archive/main.zip#etymology-visualizations

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.