por Juanjo LunaCrear interfaces con React y Next.js
Te ayuda a crear componentes e interfaces con React, Next.js, TypeScript y Tailwind CSS. Sirve cuando desarrollas una web, mejoras el rendimiento o revisas la calidad del código del frontend.
Descripción original (inglés)
senior-frontend: Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta senior-frontend 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/alirezarezvani/claude-skills.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/engineering-team/skills/senior-frontend" ~/.claude/skills/senior-frontend
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 alirezarezvani/claude-skills
- Auditar accesibilidad web WCAG 2.2 a11y-audit
- Revisar código con crítica adversaria adversarial-reviewer
- Diseñar sistemas multiagente agent-designer
- Orquestar agentes con verificación agent-harness
- Orquestar agentes gestionados por Claude agent-launcher-orchestrator
- Gestionar memoria de agentes agent-memory
- Coordinar agentes entre sí agent-protocol
- Evaluar regresiones de agentes agent-regression-evals
Explicación redactada con ayuda de IA a partir de la descripción original.