frontend-excellence
Design systems, component libraries, responsive UI/UX, accessibility. Build premium interfaces that enterprise clients expect.
按技能名称、说明或 GitHub 作者匹配的结果。
Design systems, component libraries, responsive UI/UX, accessibility. Build premium interfaces that enterprise clients expect.
Frontend testing patterns for MuebleriaIris UI components. Trigger: When writing tests for Astro pages or React components.
Use when creating FastAPI backend applications - route handlers, dependencies, CORS config, or Pydantic models. NOT when frontend logic, non-Python backends, or unrelated server-side code. Triggers: "FastAPI",...
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and...
UI/UX research and design expert specialized in automated codebase audits to detect and fix broken navigation, faulty UI elements, and inconsistent user flows across frontend and backend.
Enforce WCAG 2.2 accessibility standards. Use when creating UI components, reviewing frontend code, or when accessibility issues are detected. Covers semantic HTML, ARIA, keyboard navigation, and color contrast...
Use when writing tests for backend APIs or frontend flows. Triggers for: unit tests, integration tests, E2E tests, pytest fixtures, TestClient setup, mock data factories, or test coverage analysis. NOT for: tes...
Run local end-to-end tests for each module. Use for testing LLM, backend, frontend services.
Comprehensive testing toolkit for LucidData using Playwright (E2E) and Vitest (unit/integration). Use when verifying frontend functionality, testing user flows (auth, vault CRUD, consent management), running te...
E2E and browser testing for RawDrive using Playwright MCP. Use for testing UI flows, verifying frontend functionality, debugging visual issues, and capturing screenshots.
Unified testing commands and patterns across frontend and backend.
Validates system integration before deployment. Use when checking ports, database connections, frontend-backend APIs, or debugging blocked/stuck workflows. Detects dead ends, bottlenecks, circular dependencies.
React component patterns, hooks, state management, and performance optimization for the PMS frontend. Use for React development questions, component creation, and frontend architecture.
Use this skill when the user asks about "storefront widget", "scripttag", "customer-facing", "Preact", "bundle size", "lazy loading", "performance optimization", or any storefront frontend work. Provides Preact...
Provides specialized guidance for frontend development including UI/UX best practices, performance optimization, component architecture, and modern tooling recommendations. Use when working on frontend code, Re...
Create API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for frontend integration, or user says 'create handoff', 'document API', 'frontend handoff'...
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
当用户提交前端报错信息、调试错误、修复浏览器兼容性问题或解决运行时异常时使用。支持 JavaScript、React、Vue、TypeScript 等框架的错误分析和解决方案。'
Live browser preview, screenshot display, and AI cursor visualization
Systematic bug investigation and resolution for Laravel + React/Inertia.js applications. Use when users report bugs, unexpected behavior, errors, or when investigating production issues. Covers bug reproduction...
Performance analysis and optimization process. Use when code is slow, operations timeout, reviewing for efficiency, optimizing bottlenecks, or designing for high-load scenarios. Also use when users report slown...
Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns. Use PROACTIVELY for frontend security implementations or client-side security c...
Systematic debugging and root cause analysis for bugs, errors, and performance issues using industry best practices (5 Whys, Fishbone/Ishikawa, Fault Tree Analysis). Use when: (1) User reports a bug/error needi...
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。