Best agent skills for Frontend Developers, page 139

A skill your agent uses when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and…

hashgraph-online/awesome-codex-plugins

Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai

hashgraph-online/awesome-codex-plugins

A skill your agent uses when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser.

hashgraph-online/awesome-codex-plugins

A skill your agent uses when an agent is about to build or refactor interface code and needs a compact, repository-specific brief covering existing tokens, components, routes, conventions, and…

hashgraph-online/awesome-codex-plugins

A skill your agent uses when the user wants to try Kreuzberg Cloud without signing up, or needs an ephemeral key for evaluation, demos, or CI integration tests.

hashgraph-online/awesome-codex-plugins

Generate, revise, translate, and manage App Store marketing screenshots and app icon candidates through the hosted Shots MCP tools.

hashgraph-online/awesome-codex-plugins

Create a MATLAB baseline regression test class for a Simulink model.

hashgraph-online/awesome-codex-plugins

Review traction experiment results and recommend whether to double down, iterate, repeat Bullseye, or pivot.

hashgraph-online/awesome-codex-plugins

Plan viral marketing and engineering-as-marketing traction experiments from Traction.

hashgraph-online/awesome-codex-plugins

A skill your agent uses when the user asks for UX, product flow, user journey, wireframes, usability, conversion, onboarding, checkout, signup, navigation, forms, state design, dashboard workflows…

hashgraph-online/awesome-codex-plugins

Validation-first design for AI agent output — every spec requirement must be automatically verifiable.

hashgraph-online/awesome-codex-plugins

Browser-based visual brainstorming companion for showing mockups, diagrams, and visual options.

hashgraph-online/awesome-codex-plugins

Recommend font combinations for different use cases. An agent skill from OneWave-AI/claude-skills.

OneWave-AI/claude-skills

Build evidence-backed SEO keyword insights and strategy using SandBase-managed search, keyword, site-analysis, and SERP capabilities.

sandbaseai/sandbase-skills

UI/UX 设计智能，在设计页面时必须使用

Prorise-cool/Claude-Code-Multi-Agent

Quick execution for small tasks — minimal run lifecycle (start + done) with evidence recording.

catlog22/maestro-flow

Use Cursor's browser aria snapshots to audit a page for accessibility issues — missing labels, broken tab order, contrast, and ARIA misuse.

spencerpauly/awesome-cursor-skills

Migrate CSS Modules (.module.css/.module.scss) to Tailwind utility classes.

spencerpauly/awesome-cursor-skills

Convert plain CSS stylesheets to Tailwind CSS utility classes.

spencerpauly/awesome-cursor-skills

Toggle between light and dark mode in Cursor's browser, screenshot both states, and flag missing token mappings or contrast issues.

spencerpauly/awesome-cursor-skills

Execute a user flow step-by-step in Cursor's built-in browser while documenting each action, then emit a Playwright test that replays the same flow using stable selectors derived from the…

spencerpauly/awesome-cursor-skills

Enforce a configuration-driven design system when generating UI.

spencerpauly/awesome-cursor-skills

Visually QA a web application by launching it in Cursor's built-in browser, taking screenshots, checking console errors, and auditing network requests.

spencerpauly/awesome-cursor-skills

Write marketing copy for landing pages, product descriptions, CTAs, emails, and app UI text.

spencerpauly/awesome-cursor-skills

Run and diagnose Tau's always-on deterministic fake-provider end-to-end tests.

dpc/tau

Generate comprehensive component guideline documentation for SEED Design System.

Microck/ordinary-claude-skills

Validate consistency across SEED Design component documentation layers (design guidelines in ./docs/content/docs/components, Rootage specs in ./packages/rootage/components, and React docs in…

Microck/ordinary-claude-skills

Best practices for creating ISPC lit tests. An agent skill from Microck/ordinary-claude-skills.

Microck/ordinary-claude-skills

Use before writing any type of tests. An agent skill from NeoLabHQ/context-engineering-kit.

NeoLabHQ/context-engineering-kit

Use after writing tests to assess coverage quality across structural, mutation, requirements, and API/integration dimensions; organized knowledge for choosing and interpreting coverage analyses.

NeoLabHQ/context-engineering-kit

Generate a single-file product landing page with a layered ASCII cosmos hero (rotating ASCII planet, drifting irregular asteroids, comet trails, nebula gas clouds — each in its own harmonious color)…

Ali-Marandi/Web-Scraper-Framework

Publish a single self-contained HTML page to htmlcode.fun and return live URLs.

infometa/workbuddyskills

Deploy static websites and built frontend apps to Static.app hosting.

infometa/workbuddyskills

AI-powered UI/UX design intelligence with 57 UI styles, 95+ color palettes, 56 font pairings, 25 chart types, and 100+ industry-specific reasoning rules across 12 tech stacks.

infometa/workbuddyskills

RTK Query createApi best practices

LedgerHQ/ledger-live

Bundle an HTML artifact into a single self-contained file with all CSS/JS/images inlined as data URLs.

bluzir/claude-code-design

Generate brand guidelines, design systems with design tokens (W3C format), creative direction (SCAMPER, Design Thinking, TRIZ), and design briefs with scope and success criteria.

EliasOulkadi/shokunin

Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin.

EliasOulkadi/shokunin

High-end visual design like a premium agency. An agent skill from EliasOulkadi/shokunin.

EliasOulkadi/shokunin

SaaS pricing design and optimization covering value metric selection, tier architecture, price point research, pricing page design, price increase execution, and competitive pricing analysis.

borghei/Claude-Skills

Analyze and implement narrowly scoped frontend UI changes in the ZhiYuan Agent project.

rongxinzy/RongxinAI

Optimize Core Web Vitals (LCP, INP, CLS) for better search rankings and user experience.

asgard-ai-platform/skills

Apply the Born Global framework to analyze firms that internationalize rapidly from inception under resource constraints.

asgard-ai-platform/skills

Apply the Uppsala Internationalization Model to analyze gradual foreign market entry based on psychic distance and experiential learning.

asgard-ai-platform/skills

Conduct scenario planning to prepare for multiple plausible futures using driving forces, uncertainty axes, and the 2x2 scenario matrix.

asgard-ai-platform/skills

Apply Design Thinking's five stages — Empathize, Define, Ideate, Prototype, Test — to solve user-centered problems.

asgard-ai-platform/skills

Conduct heuristic evaluation of user interfaces using Nielsen's 10 usability principles.

asgard-ai-platform/skills

Install and test an already validated Morphe-patched APK on a user-selected Android device and collect relevant logs.

Paresh-Maheshwari/morphe-ai