Best agent skills for Frontend Developers, page 11

Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive…

referodesign/refero_skill

Avoid direct React useEffect usage when writing or reviewing React components and hooks.

fastrepl/anarlog

Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default.

JCarterJohnson/vibecoded-design-tells

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks.

blencorp/claude-code-kit

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.

sleekdotdesign/agent-skills

Capture, archive, diff, and assess Boss/Zhipin frontend JavaScript for boss-cli safety gates and anti-debug guard updates.

joohw/boss-cli

Home Assistant frontend gallery structure, pages, demos, content, and verification.

home-assistant/frontend

Builds or updates a Tabler component preview page under preview/pages, covering the page skeleton, header, and card grid conventions.

tabler/tabler

Inspecteur des finances publiques IA. An agent skill from romainsimon/paperasse.

romainsimon/paperasse

Creates SC4S syslog-ng parsers. An agent skill from splunk/splunk-connect-for-syslog.

splunk/splunk-connect-for-syslog

为 Fantastic-admin 框架创建和定制主题配色方案，始终同时生成明色（light）和暗色（dark）两套主题。当用户提到以下任何需求时必须使用此技能：换主题颜色、换配色、做一个 XX 风格的主题、主题太单调了、品牌色是 XXX 帮我生成主题、把 tweakcn…

fantastic-admin/basic

Use TypeUI with OpenClaw to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

bergside/typeui

Pattern for implementing optimistic UI updates with effect-atom in this codebase.

UsefulSoftwareCo/executor

Draw and revise UI wireframes directly in Clay chat with the built-in clay-sketch renderer.

chadbyte/clay

查询 ZUI 主仓库的开发规范，为库开发及本地 exts 接入任务提供相关约束和仓库证据；规范查询保持只读. An agent skill from easysoft/zui.

easysoft/zui

A skill your agent uses when editing .tsx/.jsx/.css/.html, React components, pages, routes, forms, styles, or layouts.

millionco/expect

Write integration tests for the td-sync admin API using the TestHarness in internal/api/testharnesstest.go.

marcus/td

ChaiBuilder Core extension patterns for Next.js. An agent skill from chaibuilder/core.

chaibuilder/core

One-time setup for absolute: interview how you want it to behave (output style, autonomy, TDD strictness, spec dir, families) + detect the stack once, then write .absolute.config.json (project…

maddhruv/absolute

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop.

bendrape1-byte/silk-design

Expert guidance on iOS accessibility best practices, patterns, and implementation.

dadederk/iOS-Accessibility-Agent-Skill

A skill your agent uses whenever creating or editing UI in this repo — React Native components, modals, bottom sheets, forms, buttons, inputs, typography, styling, icons, or any .tsx/.jsx work.

tetherto/pearpass-app-mobile

Build, review, and troubleshoot VTDF Vue 3 applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Interactively pick a quick-win contribution in any GitHub repo — either a labeled issue ("good first issue", "help wanted", docs) or a repo-scan candidate (typo, missing tests, i18n gap, actionable…

nexu-io/auto-github-contributor

不二的个人IP设计系统。做HTML页面、个人网站、教程页面、介绍页面、landing page等任何前端设计时自动触发。包含品牌DNA和多个场景子规范。

esthersjw/esther-design-system

Core Regle form validation in Vue 3 — setup with useRegle, the reactive r$ object, validation properties, displaying errors, and modifiers.

victorgarciaesgi/regle

A skill your agent uses when checking, completing, fixing, or adding translations in .xcstrings files, especially when localizations are missing or glossary terminology must be enforced.

ShiinaLabs/wifi-lens

Elite website image-to-code skill for Codex. An agent skill from caorushizi/oss-client.

caorushizi/oss-client

Translate JSON i18n files to multiple languages with AI-powered quality optimization.

ckanner/jta

Generate sdf-js code from a natural-language scene description.

shaun8149/sdf-js

Turns an SVG file or URL into a hand-drawn animation: a standalone preview.html plus a reusable player.js that draws paths first and fills afterward.

shaom/svg-hand-drawn-skill

Generates fast, SEO-optimized static HTML landing pages targeting 100/100 PageSpeed (LCP < 2.5s, INP < 100ms, CLS < 0.1), full schema.org JSON-LD, AVIF images, critical CSS, zero external…

aleksandr-alhoff/seo-landing

Command palette, CodeLens, context menus, package.nls titles, and NotificationModeService.

forcedotcom/salesforcedx-vscode

Inspects a live website through Chrome DevTools and turns its CSS tokens, animations and hover states into a design system prompt.

NakanoSanku/OhMySkills

Sandbox-first workflow for implementing and end to end validating opencode-synced changes.

iHildy/opencode-synced

Applies a calm Scandinavian look to interfaces: black-and-white foundation, restrained sans-serif type, generous spacing and minimal decoration, with review and prototype modes.

ericzakariasson/scandinavian-design

Reviews accessibility including WCAG, ARIA, keyboard navigation.

DanielPodolsky/ownyourcode

Run a real-world navigation and capability gauntlet on Browser Control across live websites, fix general DOM/ARIA/CDP root causes, benchmark speed and token efficiency, and finish with a mandatory…

anomalyco/browser-control

Create a polished, self-contained, responsive HTML briefing from notes, research, comparisons, plans, or reports.

minorun365/html-share

Accessibility testing toolkit using Selenium WebDriver 4+ with Java 21+ and axe-core engine.

fugazi/test-automation-skills-agents

Generate Dart bean classes from JSON and regenerate serialization helpers using the fjson CLI.

K3vinb5/unyo-app

Execute repeated shell commands as separate tool calls with a delay between each iteration.

rebornix/Agmente

Fetch and render web pages using the Servo browser engine — a single binary with JS execution, CSS layout, screenshots, and content extraction.

konippi/servo-fetch

Use xcsift for all Swift and Xcode build commands. An agent skill from ldomaradzki/xcsift.

ldomaradzki/xcsift

UI/UX design intelligence and implementation guidance for building polished interfaces.

sundial-org/awesome-openclaw-skills

Create the initial Product UX Bible for an existing web or full-screen web app by deeply auditing the repository, using sub-agents when available, and generating docs/ux manifests, schemas, budgets…

h0x91b/dev-3.0

Verify the DoveVannoINostriSoldi web UI, public data APIs, RGS views, source ledger, and MCP catalog after integrated-source changes.

Italian-Builders-Org/DoveVannoINostriSoldi

Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.

ancoleman/ai-design-components