Fix generic Vue component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Practical frontend design guidance for landing pages, dashboards, and UI implementation work.
Apply tasteful frontend defaults to a Sui dapp (layout, spacing, typography). Use when the user wants frontend defaults or a UI review.
Create distinctive, production-grade HTML/CSS frontends with exceptional design quality
Create distinctive, production-grade frontend interfaces with high design quality. Avoids generic AI aesthetics in favor of bold, memorable designs.
Point to Anthropic's frontend-design skill and explain when to use it. Use when asked how to install frontend-design, which skill sets aesthetic direction for a UI, or what…
Создает один самодостаточный Master Prompt на русском для реализации production-ready фронтенд-дизайна (на базе официальных гайдлайнов GPT-5.4).
使用 React、Tailwind CSS 和 shadcn/ui 创建独特、生产级的静态网站——无需设计稿。从纯文本需求生成大胆、令人难忘的设计，具备反AI套路美学、移动优先响应式模式和单文件打包功能。适用于构建落地页、营销网站、作品集、仪表盘或任何静态Web界面。支持 Vite（纯静态）和 Next.js（Vercel部署）两种工作流。
Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns.
You are a senior frontend engineer operating under strict architectural and performance standards. Use when creating components or pages, adding new features, or fetching or…
前端实现知识包。auto-loaded by /build-web 与 /impl。当 main thread 实现 web/ 下代码时，本 skill 提供契约对齐 / UI 库规范 / AI 设计源接入 / Hard Requirements。M6.4 起替代 frontend-agent subagent，让实现过程在 main thread…
Diagnose and fix "UI action does nothing / restore is skipped" bugs where a render function's performance early-exit guard short-circuits because the DOM was clobbered without…
Frontend embedding pipeline for Photino.NET: Vite build to wwwroot, base path configuration, dev vs production loading, fallback HTML, and .gitignore setup.
Use when building or modifying pages, components, modules, routes, data loading, forms, API integration, or UI features — including small changes like a column, filter, or panel —…
Use when creating, organizing, renaming, or fixing feature folders, subfolders, kebab case files, or barrel exports in the React Native RemoteUnlock app's frontend feature…
Generate create/edit forms for the Tone frontend. Supports three layout modes — modal, drawer, and page — chosen based on form complexity or user preference.
Use when a ticket builds or changes a form — inputs, validation, error display, submission, multi-step flows, file fields — and it must validate with the same schema the server…
Use when creating a front-end framework or reusable UI library that manages components, state, rendering, or events to define the public component and update contract, build one…
Produces a backend-grounded frontend specification document covering API contracts, integration guide, auth flows, and updated track prompts.
Builds premium glassmorphism (3D-like, soft blur) frontend UI components and landing pages using React/Next.js + Tailwind conventions.
Axum + Askama + HTMX stack for single-binary web apps. Use when: building server-rendered UI, lightweight frontends, single deployable binary.
Image sourcing strategy for UI projects. Use FREE resources first - DiceBear/Boring Avatars for avatars, Unsplash/Picsum for photos, unDraw/Storyset for illustrations, Haikei for…
Skill do Frontend Developer para implementação com React/Next.js, Zustand, React Query, e Skeleton loading.
Diagnose and fix frontend controls whose typography or dimensions ignore component CSS, and React Three Fiber/Drei projected HTML labels that paint above opaque drawers, dialogs,…
Add a portable Lighthouse CI gate for production frontend builds with Core Web Vitals budgets, category floors, median runs, and CI artifacts.
Decorative JSON animations for UI feedback and polish. Use for loading spinners, success/error checkmarks, empty state illustrations, animated icons.
Diagnoses and fixes common frontend issues including Ant Design deprecations and API failures. Invoke when user reports console warnings, UI crashes, or requests project…
当需要在前端把最终 assistant 文本渲染为 Markdown，同时保留工具过程为纯文本/JSON，并支持表格、代码块、图片、KaTeX 公式、Mermaid 图和 workspace 本地图片安全访问时使用。
Network resilience patterns for frontend - retry logic, exponential backoff, error handling, offline detection
A portable, framework-agnostic field-side observability system for any React or React Native app. Establishes one typed event taxonomy (canonical event-name constants, never…
Frontend Ops specialist perspective for the weekly review. Focuses on CI/CD, Scheduler, KPI ratchet, release process, Renovate / Dependabot health.
A portable, framework-agnostic discipline for the write path of any React or React Native app using a query/cache layer.
Next.js App Router page development guide. Use when creating new pages, setting up page layouts, adding headers, sidebar entries, loading states, error pages, handling search…
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. — from affaan-m
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. — from general/general-misc
Frontend performance review — bundle size, lazy loading, CSS containment, web vitals, image optimization. Activate when reviewing frontend code for performance.
Visual & UI philosophy (The 5 Pillars of Intentional UI). Understand deeply to avoid "AI slop" and create distinctive, memorable interfaces.
Run a late-stage visual and interaction polish pass on implemented frontend work. Use when the feature already works but needs stronger rhythm, cleaner spacing, better responsive…
Guide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5.
Apply when working with Razor views, MVC layouts, partial views, and tag helpers
Referência de frontend fora do núcleo — detalhes de React/Vue, CSS avançado, animações, performance e specifics de framework.
Search and map visual frontend references from Dribbble, Mobbin, Pinterest, and curated galleries (Awwwards, Godly, Land-book, siteinspire) into a structured reference board…
Checklist obbligatoria per validare che il codice frontend segua le convenzioni del progetto: shadcn-first, Inertia-first, Tailwind-first, mobile-first.
State-driven interactive animations with built-in state machines. Use when animations must REACT to user input (hover, click, drag), have multiple states/transitions, or respond…
Implement client-side routing using React Router, Vue Router, and Angular Router. Use when building multi-page applications with navigation and route protection.
Editable frontend runtime rules for framework pages, stores, shared runtime namespaces, and reusable visual patterns.
A portable, framework-agnostic SEO system for any React or React Native-for-web frontend. Centralizes site metadata in one constants module, derives canonical URLs from a single…
DEFAULT foundation component library for all React/Next.js UI needs. Use as the starting point for any project needing buttons, inputs, dialogs, forms, tables, navigation, modals,…
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. — from zarazhangrui/frontend-slides
前端开发专家。用于前端应用、页面、组件、现有 UI 增量改进、已有页面视觉优化、UI/UX 改造、视觉重设计、响应式布局、表单和输入框视觉一致性、设计系统落地、React/Vue/Next.js/Nuxt、Tailwind、shadcn/ui、Radix、MUI、AntD、仪表盘、SaaS、Landing…
React patterns and frontend best practices for this project. Use when implementing React components, hooks, routes, styling, or client-side logic in packages/client.
Decide where frontend state lives and how it flows, so UIs stay predictable as they grow. Use when structuring components, adding state, or untangling prop-drilling and sync bugs.
SocialApp user frontend state management — TanStack Query, Zustand, IndexedDB persistence, cache invalidation, multi-account isolation
Next.js App Router 프로젝트 구조 설정 시 사용. app(페이지), components(UI), features(도메인), lib(유틸), hooks 폴더 구조.
Create beautiful UIs with Tailwind CSS mastery. Expert in utility-first design, responsive layouts, and design systems.
Defines frontend environment variables, component design, and data flow patterns. Use when configuring React environment.
Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend, or user says 'backend requirements', 'what data d — from…
Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend, or user says 'backend requirements', 'what data d — from…
Design token management — color, typography, spacing, motion, and interaction tokens. Use with /frontend-tokens to create, update, or manage design tokens.
UI/UX guidelines for app development in this Turborepo (apps/web and future apps). Use when designing or implementing app pages, layouts, navigation, or interactions with Tailwind…