Agent Skill
2/7/2026

frontend-engineering

Specializes in building high-quality, brand-consistent frontend interfaces. This skill enforces the usage of 'README-as-Database' pattern and rendering content as rich OG cards.

Y
yamilayma
0GitHub Stars
1Views
npx skills add YamilAyma/enlaces-para-desarrolladores

SKILL.md

Namefrontend-engineering
DescriptionSpecializes in building high-quality, brand-consistent frontend interfaces. This skill enforces the usage of 'README-as-Database' pattern and rendering content as rich OG cards.

name: frontend-engineering description: Specializes in building high-quality, brand-consistent frontend interfaces. This skill enforces the usage of 'README-as-Database' pattern and rendering content as rich OG cards.

Frontend Engineering Skill

This skill provides instructions for acting as a Senior Frontend Engineer for the "Enlaces para Desarrolladores" project.

Core Responsibilities

  1. Architecture: Implement a "README-first" architecture where README.md acts as the single source of truth for data.
  2. UI Implementation: Build components using the brand-identity skill (Acid Green, Bento Grids, Interactive Cards).
  3. Data Fetching: Parse markdown content to extract categories and links.
  4. Rich Displays: Convert simple links into rich "Link Cards" by fetching Open Graph (OG) metadata.

Reference Documentation

Data Source Pattern

To understand how to fetch and structure data from the README: šŸ‘‰ resources/readme-data-source.md

Component Specifications

For specific requirements on the "Link Card" and other UI elements: šŸ‘‰ resources/link-card-component.md

Brand Integration

ALWAYS refer to the brand-identity skill for visual styling:

  • Colors: design-tokens.json
  • Tech Stack: tech-stack.md
Skills Info
Original Name:frontend-engineeringAuthor:yamilayma