Best agent skills for Frontend Developers, page 13

Add Solar Icons via @solar-icons/cli to any React, Vue, Svelte, Solid, Angular, React Native, Nuxt, Static, vanilla JS, or Laravel Blade project.

saoudi-h/solar-icons

Standardizes how a desktop app's UI lets a person choose one or more already-configured AI models, through a single grouped dropdown component.

leookun/cursor-byok

Install and use goey-toast — a gooey, morphing React toast component built on Sonner with Framer Motion.

anl331/goey-toast

Add a new brand/region client to BetterBlueKit, or fix errors in an existing one.

schmidtwmark/BetterBlue

Web typography from choosing fonts to spacing, wrapping and accessibility.

trycompai/crm

Review frontend code (.tsx, .ts, .js files) for quality, performance, and correctness against Langflow's frontend conventions.

langflow-ai/langflow

Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations.

ChatbotXIO/ChatbotX

Check that a web page you wrote or changed actually works, by opening it in a browser and driving every control on it.

awss1i/assay

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter.

logue/vite-vuetify-ts-starter

像素级 750px 图片转代码与切图工作流。当 Codex 需要把当前选中的 UI 图片、截图、App/Web 设计稿、Figma 图片导出稿或设计长图转换为代码，并输出独立透明 PNG 切图资源时使用。适用于严格 1:1 等比例还原、画板宽度精确 750px、禁止自动排版优化、文本可编辑、简单图形原生矢量/代码化、图标和位图独立透明 PNG…

SemineChen/yueban-image-to-code

Systematically reduce the shipped bundle size of a JS/TS library without sacrificing code readability or breaking consumer APIs.

kcsujeet/ilamy-calendar

Agent-native design system infrastructure. An agent skill from Railly/tinte.

Railly/tinte

Generate documentation sites for Python packages with Great Docs.

pymc-labs/pathmc

A skill your agent uses when the user's task involves HiUI (@hi-ui/) — writing HiUI components, debugging HiUI issues, querying HiUI props/docs, migrating from HiUI V4 to V5, or setting up React 19…

XiaoMi/hiui

Integration and E2E test design principles, ROI calculation, test skeleton specification, and review criteria.

shinpr/claude-code-workflows

Draws hand-authored SVG spot illustrations in a bold pop-geometric style for design and coding scenes.

MengTo/Skills

Quick-reference for building the core Ignite UI for Angular library and related packages.

IgniteUI/igniteui-angular

统一 Android XML 资源命名：layout、drawable、mipmap、color、values、id 的前缀与 snakecase 规则；把颜色/圆角/描边/状态编码进文件名（bg、border、textcolor…selector）。

afkT/DevUtils

Turn a local project or a hosted web app (including a published Claude Artifact URL) into a macOS Dock-launchable .app.

Christian-Katzmann/app-it

Main entry point for gluestack-ui contributor tasks and workflows

gluestack/gluestack-ui

Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.

shadcn-labs/shadcn-cssinjs

Call fal.ai Model APIs (auth, upload, subscribe/queue, parse responses).

rtadewald/skills

Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com).

lobehub/lobe-ui

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

ever-works/ever-works

Defines self-acknowledgments for production declarations and tests.

samchon/nestia

Define, validate, submit, or restart a Marin SkyRL experiment through its artifact main.

marin-community/marin

Implement web accessibility (a11y) standards following WCAG 2.1 guidelines.

surrealdb/docs.surrealdb.com

Defines where UI components belong in Operately (TurboUI-first).

operately/operately

Covers ES6+ syntax and functional patterns for refactoring older JavaScript: async/await, destructuring, spread, modules, generators and data pipelines.

wshobson/agents

Analyze the current session and propose improvements to skills.

llama-farm/llamafarm

Modern CSS techniques that replace breakpoint ladders, wrapper elements and scripts.

vojtaholik/good-css

Comprehensive guide for creating effective landing pages using Next.js or React.

bear2u/my-skills

Apple HIG guidance for presentation components including alerts, action sheets, popovers, sheets, and digit entry views.

raintree-technology/hig-doctor

Analyzes recent CI failures on pull requests to identify flaky tests, using retry outcomes (failed attempt → green re-run) and cross-PR recurrence as evidence, and maintains a local longitudinal…

opsmill/infrahub

Reference knowledge base for the no-build ofa.js framework, with syntax rules and a table of mistakes to avoid when writing components, pages and routes.

ofajs/ofa.js

Create an end-to-end Continual Learning Bench task. An agent skill from melandlabs/openloomi.

melandlabs/openloomi

Build and harden React Flow diagram surfaces in VeloxDB using @xyflow/react patterns (nodes, edges, viewport, controls, interactions, performance).

veloxbase/veloxdb

国际化 (i18n) 开发指南。在添加新文本、创建物品/事件、修改翻译或管理 PO/MO 文件时使用. An agent skill from 4thfever/cultivation-world-simulator.

4thfever/cultivation-world-simulator

A skill your agent uses to migrate your Jetpack Compose app to add adaptive edge-to-edge support and troubleshoot common issues.

arindamxd/camerax-android

交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词， 通过多轮交互式对话收集需求，利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器， 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。

pixelxzen/phantom-motion

Verify web frontend behavior through real GUI interactions, read-only page inspection, and screenshots.

BytePioneer-AI/codex-host

Design and UI skill for the Worklog desktop project manager.

regisx001/Worklog

Guides styling of Jaspr web components with the type-safe Styles API in Dart, covering @css annotations, inline styles and global stylesheets.

rodydavis/signals.dart

LofiSu的行为人格Skill。基于GitHub公开数据(282次commit/150次README迭代/50+fork/100+contribution) 的Codex深度挖掘分析报告+小红书卖课行为报告的系统蒸馏， 提炼6个核心心智模型、8条决策启发式和完整的表达DNA。

zclllyybb/lofisu-identity-engine

Save a structured state snapshot the next session can resume from — active plan, decisions and why, file pointers with line numbers, open questions, next 1-3 actions, and what to deliberately forget.

ipea/geobr

Animation patterns and best practices for Next.js/React applications.

delphi-ai/animate-skill

Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.

pdsuwwz/nextjs-nextra-starter

Author, validate, preview, test, install, or configure API-backed Homarr Custom JSX v2 widgets.

homarr-labs/homarr