发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
Creates premium, visually stunning web interfaces with modern design patterns. Use when building UI components, landing pages, dashboards, or any user-facing interface. Emphasizes rich aesthetics, micro-animati...
Create polished frontend interfaces from designs/screenshots with high design quality. Use for web components, pages, replicating UI designs, extracting design guidelines, avoiding AI slop aesthetics.
Analyze and replicate website UI/animations. Use when asked to clone, replicate, or analyze a website's visual implementation.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Generates unique, high-fidelity, and non-generic UI designs by synthesizing modern component libraries with specific design movements. Use when the user requests UI design, frontend architecture, or aesthetic o...
Build responsive frontend pages and reusable components with clean layouts and modern styling.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Expert skill for UI component design, variants, composition patterns, and shadcn/ui component customization. Use when building specific components, creating variants, or composing complex UI elements.
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Nati...
Expert guidance for creating, configuring, and using hooks. Use when working with hooks, setting up event listeners, validating commands, automating workflows, adding notifications, or understanding hook types.
Improve UI copy using proven frameworks (JTBD, benefit-first, error patterns). Use when a designer wants to improve button text, error messages, empty states, or audit copy in a component. Supports interactive...
Advanced UI design patterns, animations, and premium component library for next-level mobile experiences
Create distinctive, production-grade frontend interfaces with high design quality.
Expert skill for page compositions, common UI patterns, navigation structures, and user flows. Use for full page designs, layout templates, navigation patterns, or form flows.
Guide for creating modular, reusable UI components with proper architecture. Use when creating new UI components, organizing a component library, implementing design system patterns, or building reusable UI bui...
Builds premium glassmorphism (3D-like, soft blur) frontend UI components and landing pages using React/Next.js + Tailwind conventions. Use when designing modern SaaS pages, hero sections, pricing, navbars, feat...
Build high-quality React + Tailwind + shadcn/ui web artifacts. Tạo interactive components, dashboards, landing pages với production-ready code.
Comprehensive guide and best practices for Next.js, Expo, Convex, NestJS, and modern UI/UX design.
Tạo giao diện frontend đẹp, chất lượng production-grade. Sử dụng khi user yêu cầu build web components, pages, landing pages, dashboards, React components, HTML/CSS layouts, hoặc styling/beautify UI. Tránh AI s...
A frontend-specific skill tuned for modern React + Tailwind CSS v4.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
A comprehensive guide for building production-grade Next.js 14+ applications with App Router, enforcing Server Components by default, optimal data fetching patterns, and modern React best practices.
Next.js best practices, patterns, and architectural guidance for App Router and Pages Router
React and Next.js performance optimization guidelines from Vercel Engineering. Apply this skill when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tas...
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。