Agent Skill
2/7/2026frontend-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
| 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. |
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
- Architecture: Implement a "README-first" architecture where
README.mdacts as the single source of truth for data. - UI Implementation: Build components using the
brand-identityskill (Acid Green, Bento Grids, Interactive Cards). - Data Fetching: Parse markdown content to extract categories and links.
- 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
Download