Каталог навыков агентов

Analyzes Fulfil order data to determine profitable free shipping thresholds using order value distribution, hero product...

Find fresh freelance and contract opportunities across multiple platforms for any skill set. Use this skill when a user...

Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.

ÚSAME PRIMERO en tareas de front: detecta el stack (Laravel+Inertia+Vue, Next, Astro, Vue) y aplica el árbol de front: 1...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Build distinctive, production-grade frontend interfaces with a strong aesthetic point of view and real working code.

Build Vue 3 + Ionic front-end components following Orchestrator AI's strict architecture: stores hold state only, servic...

Mathiz web SPA (web/) patterns — data fetching, loading UX, routing, role gating, kid-surface rules, CSS conventions, an...

World-class frontend engineering - React philosophy, performance, accessibility, and production-grade interfacesUse when...

Design and build frontend UI -- HTML/CSS/JS, React, responsive.

MUST USE for frontend/web UI/UX/visual work: building, styling, redesigning pages/components, React setup, performance a...

Use when making architecture-level React decisions — component decomposition, choosing where state should live, selectin...

Use when designing React component structure, deciding where state should live, implementing data fetching with TanStack...

MythiStone client-side conventions: design tokens, library choices, Chart.js theming, asset minify, deep links, Klaro co...

Frontend: UI design, distinctive visual styles, HTML artifacts, Three.js 3D.

Use when building or changing anything in the frontend: a page, a component, a layout, styling, copy on screen. Produces...

UI building, CSS styling, components structure, and layouts.

Frontend development patterns — component design, accessibility, performance optimisation, and state management best pra...

Build high-quality, production-grade frontend interfaces, components, and web UIs — from landing pages and dashboards to...

Visual design taste for web UI, distilled from a stronger model's aesthetic - invoke when about to BUILD or STYLE any we...

React + Vite + TailwindCSS frontend development in web/. Covers components, pages, routing, API client, Supabase auth, a...

React/Next.js UI and client state. Primary owner: web frontend implementation. Do not use for: backend APIs. Use when th...

UI design guidelines for Kubani web interfaces. Use when building or reviewing web components, pages, or the Kubani dash...

Frontend patterns: component design, state management, performance, accessibility. Use when building web frontends, comp...

Use for frontend STRUCTURE and behavior — organizing components, state, and data access (typed service layer, stores, th...

This skill activates when users discuss component architecture, design systems, CSS methodologies, or frontend patterns....

Route broad frontend design work through product, visual, usability, accessibility, responsive, state, and release gates...

Frontend UX rules for Ethereum dApps — mandatory patterns for onchain buttons, four-state connect flows, token approval...

> Distinctive, production-grade UI. "AI slop" estetikten kaçın.

将 UI 样式需求转化为生产级的前端代码，支持设计令牌、可访问性合规和创意执行。

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus...

Use when building or reviewing accessible UI in a Laravel app — semantic Blade markup, accessible forms, keyboard naviga...

Web accessibility standards for potential stock_picker_bot frontends. Covers WCAG guidelines for API documentation and f...

When building or reviewing an interface that people must operate without relying on sight, a mouse, or unrestricted moti...

Implement accessible user interfaces with semantic HTML, keyboard navigation, sufficient color contrast, screen reader s...

Ensure UI components are accessible to all users including those using assistive technologies through semantic HTML, key...

Your approach to handling frontend accessibility. Use this skill when working on files where frontend accessibility come...

Build accessible user interfaces with semantic HTML, keyboard navigation, ARIA attributes, and screen reader support. Us...

Design, implement, and audit accessible frontend interfaces. Use when prompts mention accessibility, WCAG, ARIA, keyboar...

Use when implementing any UI - verifies accessibility compliance through automated testing (axe-core), keyboard navigati...

UI/UX visual design, styling, and aesthetic validation

Distinctive frontend design principles for avoiding generic AI defaults, implementing thoughtful typography/color/animat...

Guide frontend design decisions to create distinctive, creative UIs that avoid generic AI-generated aesthetics. Use when...

Handles frontend/UX/route work for Unite-Hub. Fixes UI bugs, implements React components, updates layouts, ensures respo...

Analyze React/Next.js components to extract typography, colors, layout, fonts, spacing systems, and design tokens. Ident...

Analyze React components for design tokens and accessibility. Use for extracting typography, colors, and layout patterns...

Use when creating or modifying Angular components in PlatformExampleAppWeb (Angular 19) with proper base class inheritan...

Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform...

A conceptual skill for building an API client in Next.js that handles JWT tokens

把 API 设计文档转成前端可直接编码的调用流程文档（含 UI 映射与错误处理速查）。触发："生成前端 API 文档"、"API 调用流程"，或 api-design 完成后交付前端时。

Consumo de APIs en el frontend — TanStack Query, fetch, Axios. Caché, refetch, optimistic updates y manejo de errores. T...

Guide for building robust API integration layers in React/TypeScript applications. Use when implementing HTTP clients (a...

Create distinctive, production-grade React Native Expo interfaces following iOS Human Interface Guidelines and liquid gl...

Advanced structural patterns for Landing Pages, SaaS apps, and Data Visualization. Use when determining the macro-level...

Plan architecture and ownership for standard or deep React/Next.js work across routing, state, data, styling, forms, bui...

Use when the user asks to audit, review, critique, or "make sure it looks right" on a deployed web page, component, or F...

Integrates Better Auth client with ChatKit UI or custom Next/Vite UI. Adds login/logout buttons, protected routes, sessi...

AI frontend specialist and design consultant that guides users through a structured discovery process before generating...

Build or refine Next.js pages, features, forms, client state, BFF routes or shared UI in frontend/. Use when implementin...

Classify whether a ticket is frontend or UI work. Use when deciding whether design-aware planning, visual verification,...

Teetsh frontend code review for React/TypeScript PRs. Reviews component architecture, React Query, twin.macro styling, i...

前端编码规范与最佳实践。Use when writing React components, pages, or need guidance on TypeScript style, Tailwind CSS, or shadcn/ui u...

When defining, changing, or reviewing UI color tokens, themes, contrast, gamut, or light/dark/increased-contrast appeara...

Generate and refactor React + TypeScript components with Tailwind CSS for Medellin Spark. Use when building new UI compo...

Build or change React components, hooks, forms, and feature UI through the profile — reusable components carry the confi...

Reusable component architecture for future stock_picker_bot web UI. Covers modular component design for stock analysis,...

Build reusable, composable UI components with single responsibilities, clear prop interfaces, proper state management, a...

Build reusable, composable UI components with single responsibilities, clear prop interfaces, proper state management, a...

Your approach to handling frontend components. Use this skill when working on files where frontend components comes into...

Comprehensive guidance for building user interface components in the Mossback web client. Covers React components, props...

Design and build reusable, composable UI components with clear interfaces, proper state management, and single responsib...

Design reusable, composable UI components with single responsibility, clear props interfaces, minimal state management,...

Design and build reusable UI components following Astro's server-first architecture with islands, proper component compo...

Audit React Context usage, detect prop drilling, verify compound component patterns. Use when reviewing frontend code fo...

Where dashboard code lives and how it is decomposed. Use when creating, moving or splitting anything under frontend/src/...

Styling approaches for potential stock_picker_bot web interface. Covers responsive design for stock charts, portfolio di...

Write consistent, maintainable CSS following the project's methodology (Tailwind utility classes) while minimizing custo...

Apply consistent CSS styling following project methodology (Tailwind, BEM, CSS Modules, utility classes) with minimal cu...

Your approach to handling frontend CSS. Use this skill when working on files where frontend CSS comes into play.

Write consistent, maintainable CSS using the project's methodology (Tailwind, BEM, CSS Modules) with proper design token...

Write and maintain CSS using consistent methodology, design systems, framework utilities, and minimal custom styles for...

Write Tailwind CSS utility classes and component styles following scoped CSS patterns, design tokens, responsive breakpo...

Estilos CSS modernos — Tailwind, CSS Modules, Grid, Flexbox, Container Queries. Elige la estrategia correcta según el pr...

Systematic 10-phase debugging procedure for SvelteKit 2 + Svelte 5 frontend issues. Use when components fail to render,...

Phase 8: deliver the accessible frontend journey against the agreed server contract and complete state model.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics....

Create high-quality, distinctive web interfaces that avoid generic AI aesthetics. Use when building web components, page...

Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual...

Enforce a precise, minimal design system for Battery's dashboard UI. Use this skill when building admin interfaces, depl...

Use when planning a specific frontend page, component, layout, responsive behavior, UI state, accessibility contract, or...

Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web componen...

视觉质量诊断助手适合产品、运营、technical、software在用户提出“这张图够发布吗”这类问题，需要快速拆解目标、判断重点并形成可执行结果时使用，帮助基于输入材料生成摘要、诊断结论、行动建议和可复用交付物。

name: frontend-design

Guía de diseño UI/visual para construir interfaces distintivas y no genéricas