Updated 2mo ago
by hueyexe
frontend-agent-skills
Agent skills for frontend UX/UI design that actually looks good
20 GitHub stars (20)
+5 in 16 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | 0 |
| Oct 10 | 0 |
| Oct 11 | 0 |
| Oct 12 | 0 |
| Oct 13 | +2 |
| Oct 14 | +1 |
| Oct 15 | 0 |
| Oct 16 | +2 |
- 9 skills (9 skills found in its SKILL.md files)
- 4 forks (4 forks)
- 2mo ago last update (Last updated 2mo ago)
Install
Skills CLI
npx skills add hueyexe/frontend-agent-skills
Asks which skills and agents to install. Just one: npx skills add hueyexe/frontend-agent-skills --skill accessibility-inclusive-design — add -g for every project.
Claude Code
git clone https://github.com/hueyexe/frontend-agent-skillscp -r "frontend-agent-skills/accessibility-inclusive-design" ~/.claude/skills/
Copies the accessibility-inclusive-design skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add hueyexe/frontend-agent-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
accessibility-inclusive-design
Use when designing, critiquing, implementing, or revising UI/UX/frontend work for accessibility and inclusion.
accessibility-inclusive-design/SKILL.md on GitHub (opens in a new tab) -
design-systems-frontend-architecture
Use when building reusable frontend systems, design tokens, component contracts, responsive layouts, CSS strategy, or design-system documentation and governance.
design-systems-frontend-architecture/SKILL.md on GitHub (opens in a new tab) -
forms-inputs-checkout
Use when designing, critiquing, or implementing forms, inputs, validation, checkout, registration, payment, or any data-entry flow.
forms-inputs-checkout/SKILL.md on GitHub (opens in a new tab) -
information-architecture-navigation
Use when organizing, critiquing, or implementing navigation, labels, taxonomy, hierarchy, search, content grouping, or wayfinding for a digital product.
information-architecture-navigation/SKILL.md on GitHub (opens in a new tab) -
interaction-patterns-components
Use when choosing, critiquing, or designing UI interaction patterns and reusable components for web, mobile, SaaS, dashboards, or design systems.
interaction-patterns-components/SKILL.md on GitHub (opens in a new tab) -
ui-visual-composition
Use when creating, critiquing, or refining visual UI, including hierarchy, spacing, typography, color, depth, imagery, or visual states.
ui-visual-composition/SKILL.md on GitHub (opens in a new tab) -
ux-research-discovery-testing
Use when planning UX research, discovery interviews, usability tests, synthesis, or evidence-backed product recommendations.
ux-research-discovery-testing/SKILL.md on GitHub (opens in a new tab) -
ux-usability-foundations
Use when designing, critiquing, or improving an interface for usability, including affordances, feedback, constraints, error prevention, navigation clarity, or task flow.
ux-usability-foundations/SKILL.md on GitHub (opens in a new tab) -
ux-writing-content-design
Use when writing, critiquing, or implementing product UX copy, microcopy, labels, CTAs, empty states, onboarding, errors, or notifications.
ux-writing-content-design/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
taste-skillby Leonxlnx Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
-
Wazaby tw93 🥷 Engineering habits you already know, turned into skills AI assistants like Claude Code, Codex and Cursor can run.
-
geo-sleuthby Oldcircle An agent skill that finds where a photo was taken — OpenStreetMap geometry, elevation skylines, satellite imagery and street view — and sho…
-
agent-skills-platformby FrancyJGLisboa Build tested agent skills and govern their lifecycle through a user-defined marketplace: evidence, discovery, updates, rollback, quarantine…
-
Pretty-mermaid-skillsby imxv AI Agent Skill to generate and render beautiful Mermaid diagrams as SVG or terminal ASCII — 15 themes, 6 diagram types, batch CLI, no brows…
-
claude-workflow-v2by CloudAI-X Universal Claude Code workflow plugin with agents, skills, hooks, and commands