Best agent skills for Frontend Developers, page 134

Configure Windsurf themes and visual settings for accessibility.

jeremylongshore/tons-of-skills-marketplace

Build fork-safe CI gates for a Workhuman adapter using pinned customer contracts, synthetic fixtures, and an optional protected tenant smoke test.

jeremylongshore/tons-of-skills-marketplace

Verify a Workhuman tenant integration safely with entitlement discovery, a read-only capability check, and a mutation preview.

jeremylongshore/tons-of-skills-marketplace

Create zustand store creator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Local react-hook-form documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Local react-native-skia documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Local tanstack-store documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Local Vite documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Local XState documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Local Zustand documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix).

IgorWarzocha/Opencode-Workflows

Implements and tests SwiftUI views, navigation flows, and shared iOS design-system work for ADE

arul28/ADE

Extends ADE desktop sync contracts, shared payloads, and iOS models/services when tab parity requires backend work

arul28/ADE

Generate traceability matrix and quality gate decision. An agent skill from chenjackle45/SayIt.

chenjackle45/SayIt

Applies a deliberate visual direction to an interface — minimalist editorial, industrial utilitarian, or high-polish commercial — each with its own type scale, palette behavior, surface treatment…

cbrock84/headcount

Drives implementation by writing a failing test first, then the smallest code that passes it.

cbrock84/headcount

Guide through the Red-Green-Refactor cycle for test-driven development

jellydn/my-ai-tools

The meta skill. An agent skill from inbrainfun/inbrain.

inbrainfun/inbrain

Colorblind-friendly palettes and accessible visualization design

wentorai/research-plugins

Integrate with Figma API for design automation and code generation.

hoodini/ai-agents-skills

Build responsive, mobile-first web applications. An agent skill from hoodini/ai-agents-skills.

hoodini/ai-agents-skills

Build consistent design systems with tokens, components, and theming.

hoodini/ai-agents-skills

Build accessible web applications following WCAG guidelines.

hoodini/ai-agents-skills

Top-of-pyramid orchestrator for Yuval Avidani's YUV.AI brand work.

hoodini/ai-agents-skills

Comprehensive assessment of Unit / Integration / E2E three-layer test coverage, identify gaps and provide actionable recommendations.

sd0xdev/sd0x-harness

Verification loop — lint - typecheck - unit - integration - e2e

sd0xdev/sd0x-harness

Diagnose a failing TMDb integration-test run — summarise the failure, rank the likely cause, and suggest a concrete fix

adamayoung/TMDb

Configures DevOps Center pipeline testing infrastructure: enables a test provider so its suites become available, re-syncs a configured provider to pull in new suites, or creates a quality gate with…

forcedotcom/sf-skills

Recommends and manages DevOps Center test suite assignments for pipeline stages.

forcedotcom/sf-skills

A skill your agent uses to determine whether a Lightning Web Component (LWC) is accessible and meets WCAG accessibility guidelines.

forcedotcom/sf-skills

A skill your agent uses to run a visual-craft audit of a rendered UI and produce an evidence-grounded Craft Report across Useful, Usable, Reliable, Coherent, and Well-Crafted.

forcedotcom/sf-skills

Derive a Field Service mobile app color scheme from a brand source (URL, hex codes, brand-guide paste, or color description), validate WCAG AA contrast in both light and dark mode, and apply the…

forcedotcom/sf-skills

Turn a [class]-integration-test-plan.md into headless integration tests, one per plan item, each driving the scenario, asserting the outcome, and capturing a labeled snapshot.

sillsdev/FieldWorks

Review or change FieldWorks user-facing strings: LocalizationManager/XLIFF and legacy .resx resources, localization keys, the StringTable strategy for XML-configuration labels, Crowdin-facing…

sillsdev/FieldWorks

Reuse lower-level SIL libraries before writing custom helpers in FieldWorks.

sillsdev/FieldWorks

设计、实现、迭代或评审真实前端页面与交互流程，包括 SaaS、仪表盘、编辑器、落地页和可视化工具。关注产品任务、现有设计语言、可达状态与浏览器验证；不用于纯后端工作。

ChenShuo2004/cs-skills

Make a Mendix app look designed rather than default-Atlas: layout, spacing, typography, colour and design properties that reach a finished standard.

mendixlabs/mxcli

Reproduce a Claude Design prototype or design handoff (HTML/CSS, .dc.html export, tokens, screenshots) inside a Mendix app: build the palette with mxcli theme create --from, then apply classes in…

mendixlabs/mxcli

The SCSS workflow and its traps — where styling actually compiles, custom-variables.scss, themesource directories, hot reload, design-property errors, and the mxcli theme commands (apply, create…

mendixlabs/mxcli

Generate polished dark-themed architecture diagrams as standalone HTML files with inline SVG, semantic system grouping, and readable connection flows.

CoWork-OS/CoWork-OS

A skill your agent uses when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.

nirholas/three.ws

Convert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts.

nirholas/three.ws

Test-driven development - write tests first, then implement.

jh941213/my-cc-harness

This skill should be used when the user asks for "TAM", "addressable population", "peak sales", "epi model", "how many patients", "bottoms-up market size", "penetration assumption", or wants to…

hh-health-AI/healthcare-equity

Reverse-engineer an application, website or document's design system from its codebase and screenshots.

sammcj/agentic-coding

Disciplined diagnosis loop for hard problems, diagnosing bugs and regressions.

sammcj/agentic-coding

Apply effective software quality consultancy practices. An agent skill from proffesor-for-testing/agentic-qe.

proffesor-for-testing/agentic-qe

A skill your agent uses when test coverage has dropped and you need to find which changes caused it and what tests to add.

proffesor-for-testing/agentic-qe