Best agent skills for frontend development

Review frontend code under `web/` or `packages/dify-ui/` when the user explicitly requests a review or audit.

• Largest repository here (159,418 stars)
• Active in the last 30 days

★ 159.4KLast active Oct 23, 2026Claude Code, Claude apps, Codex, Cursor +6

Build a full-screen, interactive canvas to explore existing UI components and their variants with pan and zoom.

• Repository has 10.1K stars
• Active in the last 30 days
• Open source (MIT)

★ 10.1KLast active Oct 13, 2026Claude Code, Claude apps, Codex, Cursor +6

shadcn/ui component context and usage from Codex via MCP

• Repository has 3.1K stars
• Active in the last 30 days
• Open source (MIT)

★ 3.1KLast active Oct 3, 2026Claude Code, Claude apps, Codex, Cursor +6

React component file structure and patterns for Trezor Suite.

• Repository has 1.1K stars
• Active in the last 30 days

★ 1.1KLast active Oct 23, 2026Claude Code, Claude apps, Codex, Cursor +6

Verify documentation claims (README, JSDoc) in spec-heavy packages — @markuplint/types (attribute value types; WHATWG/W3C/RFC/CSS/SVG grammars) and…

• Active in the last 30 days
• Open source (MIT)

★ 629Last active Oct 21, 2026Claude Code, Claude apps, Codex, Cursor +6

Refactor high-complexity React components in Dify frontend.

• Active in the last 30 days
• Open source (MIT)

★ 353Last active Oct 23, 2026Claude Code, Claude apps, Codex, Cursor +6

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.

• Repository has 8.6K stars
• Open source (Apache-2.0)

★ 8.6KLast active Jul 29, 2026Claude Code, Claude apps, Codex, Cursor +6

Extract self-contained static HTML from a built web application or React components by inlining CSS and images.

• Repository has 8.6K stars
• Open source (Apache-2.0)
• Ships helper scripts

★ 8.6KLast active Jul 29, 2026Claude Code, Claude apps, Codex, Cursor +6

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data.

• Active in the last 30 days
• Open source (MIT)

★ 162Last active Oct 22, 2026Claude Code, Claude apps, Codex, Cursor +6

Reuse existing UI primitives, CSS vars, and DESIGN.md patterns instead of inventing new buttons, colors, borders, shadows, or helpers — including when…

• Active in the last 30 days
• Open source (MIT)

★ 206Last active Sep 30, 2026Claude Code, Claude apps, Codex, Cursor +6

Use when designing or implementing motion for web interfaces, including CSS transitions and keyframes, `linear()` easing design, transform strategy…

• Active in the last 30 days
• Open source (MIT)

★ 125Last active Sep 28, 2026Claude Code, Claude apps, Codex, Cursor +6

What building realness taught us about the web platform - semantic HTML with microdata as one decision that serves SEO, CSS selectors, layout, the data model…

• Active in the last 30 days
• Open source (MIT)

★ 125Last active Sep 28, 2026Claude Code, Claude apps, Codex, Cursor +6

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all…

• Active in the last 30 days

★ 139Last active Oct 15, 2026Claude Code, Claude apps, Codex, Cursor +6

Style components with Tailwind CSS v4 and project tokens.

★ 641Last active Sep 13, 2026Claude Code, Claude apps, Codex, Cursor +6

从网页中采集设计令牌并生成完整的 DESIGN.md 设计规范文档 + Tailwind CSS 主题文件。 当用户提供 URL 并要求"提取主题"、"生成设计规范"、"导出设计系统"、 "提取这个网站的设计令牌"、"帮我做一个主题"、"分析这个页面的设计风格"时使用。 产出包含…

• Open source (MIT)
• Ships helper scripts
• For JavaScript

★ 133Last active Aug 21, 2026Claude Code, Claude apps, Codex, Cursor +6