por Juanjo LunaGráficas financieras con React
Te ayuda a crear o corregir gráficas financieras en una app React con lightweight-charts. Sirve para velas, líneas, volumen, indicadores, actualizaciones en tiempo real y sincronización de gráficos.
Descripción original (inglés)
lightweight-charts-react-components: lightweight-charts-react-components recipes for TradingView lightweight-charts in React. Candlestick, line, and area series; volume and indicator panes; realtime WebSocket updates; infinite history on scroll; crosshair OHLC legends and tooltips; trade markers and price lines; synchronized charts; numeric options and yield-curve axes. Use when adding or fixing a financial or trading chart in a React app, or when the user mentions lightweight-charts, TradingView charts in React, or this package.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta lightweight-charts-react-components en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/github/awesome-copilot.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/lightweight-charts-react-components" ~/.claude/skills/lightweight-charts-react-components
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de github/awesome-copilot
- Conocer un repositorio de código acquire-codebase-knowledge
- Evaluar preparación de repositorios para AgentRC acreadiness-assess
- Generar instrucciones para agentes IA acreadiness-generate-instructions
- Definir políticas de AgentRC acreadiness-policy
- Analizar rendimiento de campañas publicitarias ad-campaign-analyzer
- Añadir comentarios educativos a un archivo add-educational-comments
- Automatizar Adobe Illustrator con scripts adobe-illustrator-scripting
- Diseñar arquitectura de agentes IA agent-architecture
Explicación redactada con ayuda de IA a partir de la descripción original.