Build Front plugins using the Plugin SDK. Use when creating sidebar plugins, composer plugins, or extending Front's UI.
Score 70/100
Handle Front webhook events for the support platform. Use when implementing conversation ingestion, message handlers, Front API integrations, or webhook signature verification.
Score 70/100
Handles frontend/UX/route work for Unite-Hub. Fixes UI bugs, implements React components, updates layouts, ensures responsive design, and maintains shadcn/ui consistency.
Score 70/100
A conceptual skill for building an API client in Next.js that handles JWT tokens
Score 70/100
Production-ready patterns for integrating frontend applications with backend APIs, including race condition handling, request cancellation, retry strategies, error normalization,…
Score 70/100
Create distinctive, production-grade React Native Expo interfaces following iOS Human Interface Guidelines and liquid glass design principles.
Score 70/100
Ensure frontend components match database infrastructure, identify deprecated patterns, maintain data consistency.
Score 70/100
Analyzes and maps frontend API calls to backend endpoints. Detects missing endpoints, unused endpoints, and integration gaps.
Score 70/100
AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code.
Score 70/100
Используй только внутри активного Codex Project Autopilot-проекта по утверждённому плану; не включай для обычных frontend-задач вне автопилота.
Score 70/100
Kiểm tra sức khỏe frontend tự động using Puppeteer. Invoke khi user muốn tìm broken pages, console errors, hoặc verify frontend stability.
Score 70/100
Kiểm tra sức khỏe frontend tự động using Puppeteer. Invoke khi user muốn tìm broken pages, console errors, hoặc verify frontend stability.
Score 70/100
Engineering principles for crafting well-built front-end user interfaces. When Claude needs to ensure the HTML, CSS, JS is performant and maintainable.
Score 70/100
Next.js 16+ uses App Router with Server Components by default. Client Components are only used when interactivity is needed (hooks, event handlers, browser APIs).
Score 70/100
Generate React components for IntelliFill following patterns (forwardRef, CVA variants, Radix UI, TailwindCSS). Use when creating UI components, forms, or pages.
Score 70/100
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
Score 70/100
Dashboard quản lý toàn bộ hệ thống — Next.js + TailwindCSS + shadcn/ui + PWA. Đa nền tảng (web + mobile + desktop) từ 1 codebase.
Score 70/100
Use when touching frontend files to classify visual vs logic changes before acting
Score 70/100
Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions
Score 70/100
Fix generic HTML/CSS designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Score 70/100
Fix generic React component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Score 70/100
Fix generic Vue component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Score 70/100
Practical frontend design guidance for landing pages, dashboards, and UI implementation work.
Score 70/100
Create distinctive, production-grade HTML/CSS frontends with exceptional design quality
Score 70/100
Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns.
Score 70/100
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…
Score 70/100
前端实现知识包。auto-loaded by /build-web 与 /impl。当 main thread 实现 web/ 下代码时，本 skill 提供契约对齐 / UI 库规范 / AI 设计源接入 / Hard Requirements。M6.4 起替代 frontend-agent subagent，让实现过程在 main thread…
Score 70/100
Builds premium glassmorphism (3D-like, soft blur) frontend UI components and landing pages using React/Next.js + Tailwind conventions.
Score 70/100
Axum + Askama + HTMX stack for single-binary web apps. Use when: building server-rendered UI, lightweight frontends, single deployable binary.
Score 70/100
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…
Score 70/100
Decorative JSON animations for UI feedback and polish. Use for loading spinners, success/error checkmarks, empty state illustrations, animated icons.
Score 70/100
Network resilience patterns for frontend - retry logic, exponential backoff, error handling, offline detection
Score 70/100
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Score 70/100
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Score 70/100
Frontend performance review — bundle size, lazy loading, CSS containment, web vitals, image optimization. Activate when reviewing frontend code for performance.
Score 70/100
Guide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5.
Score 70/100
Checklist obbligatoria per validare che il codice frontend segua le convenzioni del progetto: shadcn-first, Inertia-first, Tailwind-first, mobile-first.
Score 70/100
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…
Score 70/100
Implement client-side routing using React Router, Vue Router, and Angular Router. Use when building multi-page applications with navigation and route protection.
Score 70/100
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,…
Score 70/100
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.
Score 70/100
React patterns and frontend best practices for this project. Use when implementing React components, hooks, routes, styling, or client-side logic in packages/client.
Score 70/100
SocialApp user frontend state management — TanStack Query, Zustand, IndexedDB persistence, cache invalidation, multi-account isolation
Score 70/100
Create beautiful UIs with Tailwind CSS mastery. Expert in utility-first design, responsive layouts, and design systems.
Score 70/100
Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend, or user says 'backend requirements', 'what data do I…
Score 70/100
Design token management — color, typography, spacing, motion, and interaction tokens. Use with /frontend-tokens to create, update, or manage design tokens.
Score 70/100
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…
Score 70/100
Build responsive frontend pages and reusable UI components with clean layouts and modern styling.
Score 70/100
A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and…
Score 70/100
Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs…
Score 70/100
Interactive-component polish specialist — buttons, modals, drawers, forms, focus states, loading patterns, UX writing, empty states.
Score 70/100
Motion specialist — the 4-question Animation Decision Framework, easing curves, durations, springs, reduced-motion. Output in | Before | After | Why | markdown table.
Score 70/100
2D frontend UI umbrella review — typography, color, layout, motion, interaction. Runs a quick reflex audit, dispatches specialist sub-skills when a domain needs deep attention,…
Score 70/100
Typography specialist — font selection, modular scale, line-height, line-length, pairing, tracking, OpenType, font-loading.
Score 70/100
Garante padrões consistentes de views Blade no Easy Budget (Dashboard, Index, Create, Edit, Show).
Score 70/100
Elite frontend image-direction skill for generating premium, artistic, implementation-friendly website design references.
Score 70/100
Elite frontend image-direction skill for generating premium, artistic, implementation-friendly website design references.
Score 70/100
Frontier Code UI standards based on Hero section patterns (dark theme, cyan/purple accents, gradients, glowing effects).
Score 70/100
YAML frontmatter parsing and manipulation for .planning/ documents. Provides read, write, update, query, and validation operations on frontmatter blocks in GSD markdown artifacts.
Score 70/100
Validate YAML frontmatter in documentation against template requirements. Use when creating or editing docs, or when the user asks to check frontmatter.
Score 70/100