resume-skills

Name: resume-skills
Availability: InStock
Author: James

Organize resume skills into a hero row and categorized chips.

Updated Oct 2, 2024

Search Tags:#frontend #skills #resume #categorization #ux #chips #scannability

Ready to run

npx skills add https://github.com/James-Gamboa/portfolio-james --skill resume-skills

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: resume-skills
Source: https://github.com/James-Gamboa/portfolio-james/tree/main/.agents/skills/resume-skills
Command: npx skills add https://github.com/James-Gamboa/portfolio-james --skill resume-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Optimizes the Skills section of the resume/CV for scannability, visual hierarchy, and recruiter impact rather than just shortening text.

Core Features & Use Cases

Primary stack hero: display 4–6 core technologies as prominent chips for immediate visibility.
Categorized secondary skills: group related skills into clear categories with compact chips for quick scanning.
Responsive design: maintains readability and alignment on desktop and mobile; supports i18n labels and tokens to keep design consistent.
Accessibility: interactive chips have proper ARIA roles and keyboard focus; semantic grouping for screen readers.

Quick Start

Rebuild the Skills section to present core technologies as a hero row and organize remaining skills into categorized, responsive chips for desktop and mobile.

Frequently Asked Questions about resume-skills

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I organize resume skills for quick recruiter scanning?▼

Organize resume skills for quick recruiter scanning by grouping technologies into a category-based layout with a prominent hero row for core stack visibility. This approach enforces visual hierarchy through responsive chips, ensuring immediate readability on both desktop and mobile.

What is the best way to display core technologies on a CV?▼

The best way to display core technologies on a CV is using a hero row of 4–6 prominent chips for immediate visibility. Remaining skills are then grouped into categorized, compact chips to maintain a clear visual hierarchy and scannability.

How do I make my resume skills section accessible with ARIA roles?▼

Make your resume skills section accessible with ARIA roles by using semantic grouping for screen readers and proper keyboard focus on interactive chips. This ensures categorized technology chips remain navigable and compliant with accessibility standards.

Does this resume categorization approach support i18n labels?▼

Yes, this resume categorization approach supports i18n labels and tokens to keep design consistent across languages. It enforces category-based grouping with responsive grids that maintain scannability and alignment regardless of locale.

Why should I remove +N more labels from my resume skills section?▼

Remove +N more labels from your resume skills section to improve recruiter readability and ensure complete technology visibility. Grouping all secondary skills into categorized chips prevents hidden qualifications and optimizes the section for impact.