원클릭으로 Manus에서 모든 스킬 실행

portfolio-content

스타0

포크0

업데이트2026년 4월 30일 15:08

Añade/modifica contenido del portfolio raulfdez.dev: proyectos (PROJECTS[], TAGS{}), experiencia laboral (EXPERIENCE[]), tags tecnológicos con iconos SVG y enlaces sociales. Cubre ubicaciones de datos, formato de entradas y colores de tags.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

raulfdeztdo

raulfdeztdo/raulfdez.dev

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

Ubicaciones de contenido

Contenido	Archivo	Variable
Proyectos	`src/components/Projects.astro`	`PROJECTS[]`
Tags tech	`src/components/Projects.astro`	`TAGS{}`
Experiencia	`src/components/Experience.astro`	`EXPERIENCE[]`
Navegación	`src/components/Header.astro`	`navItems[]`
Social links	`src/components/Hero.astro`	JSX directo
Footer	`src/components/Footer.astro`	JSX directo
Traducciones	`src/i18n/ui.ts`	`ui.es` + `ui.en`
Imágenes	`public/companies/` o `public/projects/`	`.webp`

Añadir proyecto

Imagen .webp → public/projects/
Keys en ui.ts (es+en): projects.nombre.title, projects.nombre.description
Entrada en PROJECTS:

{
  title: t("projects.nombre.title"),
  description: t("projects.nombre.description"),
  link: "https://...",
  image: "/projects/nombre.webp",
  tags: [TAGS.PHP, TAGS.SYMFONY],
}

Si se usan tags nuevos, añadir a TAGS
pnpm build

Imágenes en proyectos: Projects.astro renderiza las imágenes con <Image> de astro:assets (no <img>). El componente espera width, height, alt, loading="lazy". No requiere pasarlos manualmente en PROJECTS[], se pasan directamente en el template.

Añadir experiencia

Logo .webp → public/companies/
Keys en ui.ts (es+en): experience.empresa.date, .title, .company, .description
Entrada en EXPERIENCE:

{
  date: t('experience.empresa.date'),
  img: "/companies/empresa.webp",
  title: t('experience.empresa.title'),
  company: t('experience.empresa.company'),
  description: t('experience.empresa.description'),
}

pnpm build

Añadir tag tecnológico

Icono SVG → src/components/icons/Nombre.astro (recibe class prop)
Importar en Projects.astro
Añadir a TAGS:

NOMBRE: { name: "Tech", class: "bg-[#HEX] text-white", icon: Icono }

Plantilla de icono SVG

---
export interface Props { class?: string }
const { class: className } = Astro.props
---
<svg class={className} viewBox="0 0 128 128" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <!-- paths -->
</svg>

Colores de tags existentes

Tag	bg
PHP	`#539FD4`
Symfony/Laravel	`#858585`
Vue.js	`#183D2C`
jQuery	`#081F33`
Next.js	`black`
Tailwind CSS	`#003159`

이 저장소의 다른 Skills

같은 저장소

astro-component-builder

raulfdeztdo/raulfdez.dev

Crea componentes .astro para raulfdez.dev siguiendo patrones del proyecto. Cubre secciones de página, componentes con i18n, islas JS cliente (is:inline, astro:page-load, astro:after-swap), transition:persist, iconos SVG, reglas de estilo Tailwind-only, integración en páginas ES/EN y checklist de verificación.

2026-04-300

commit-creator

raulfdeztdo/raulfdez.dev

Crea commits siguiendo Conventional Commits v1.0.0 para raulfdez.dev. Cubre formato <type>(<scope>): <description>, tipos (feat/fix/docs/refactor/ci/chore/style/test/perf), scopes del proyecto (Header/Projects/Experience/i18n/Footer/Hero/AboutMe), breaking changes con ! y footer, descripciones en español, y validación de mensajes.

2026-04-300

i18n-manager

raulfdeztdo/raulfdez.dev

Gestiona traducciones bilingües (ES↔EN) del portfolio raulfdez.dev. Añade/modifica keys en src/i18n/ui.ts siguiendo la convención domain.element. Cubre uso de t('key'), set:html para HTML en traducciones, y uso en componentes .astro.

2026-04-300

name	portfolio-content
description	Añade/modifica contenido del portfolio raulfdez.dev: proyectos (PROJECTS[], TAGS{}), experiencia laboral (EXPERIENCE[]), tags tecnológicos con iconos SVG y enlaces sociales. Cubre ubicaciones de datos, formato de entradas y colores de tags.

Añade/modifica proyectos, experiencia, tags y enlaces del portfolio.

Ubicaciones de contenido

Contenido	Archivo	Variable
Proyectos	`src/components/Projects.astro`	`PROJECTS[]`
Tags tech	`src/components/Projects.astro`	`TAGS{}`
Experiencia	`src/components/Experience.astro`	`EXPERIENCE[]`
Navegación	`src/components/Header.astro`	`navItems[]`
Social links	`src/components/Hero.astro`	JSX directo
Footer	`src/components/Footer.astro`	JSX directo
Traducciones	`src/i18n/ui.ts`	`ui.es` + `ui.en`
Imágenes	`public/companies/` o `public/projects/`	`.webp`

Añadir proyecto

Imagen .webp → public/projects/
Keys en ui.ts (es+en): projects.nombre.title, projects.nombre.description
Entrada en PROJECTS:

{
  title: t("projects.nombre.title"),
  description: t("projects.nombre.description"),
  link: "https://...",
  image: "/projects/nombre.webp",
  tags: [TAGS.PHP, TAGS.SYMFONY],
}

Si se usan tags nuevos, añadir a TAGS
pnpm build

Añadir experiencia

Logo .webp → public/companies/
Keys en ui.ts (es+en): experience.empresa.date, .title, .company, .description
Entrada en EXPERIENCE:

{
  date: t('experience.empresa.date'),
  img: "/companies/empresa.webp",
  title: t('experience.empresa.title'),
  company: t('experience.empresa.company'),
  description: t('experience.empresa.description'),
}

pnpm build

Añadir tag tecnológico

Icono SVG → src/components/icons/Nombre.astro (recibe class prop)
Importar en Projects.astro
Añadir a TAGS:

NOMBRE: { name: "Tech", class: "bg-[#HEX] text-white", icon: Icono }

Plantilla de icono SVG

---
export interface Props { class?: string }
const { class: className } = Astro.props
---
<svg class={className} viewBox="0 0 128 128" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <!-- paths -->
</svg>

Colores de tags existentes

Tag	bg
PHP	`#539FD4`
Symfony/Laravel	`#858585`
Vue.js	`#183D2C`
jQuery	`#081F33`
Next.js	`black`
Tailwind CSS	`#003159`