| 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.md acts as the single source of truth for data.
- UI Implementation: Build components using the
brand-identity skill (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