Навыки: Дизайн

Front-end conventions review for Vue surfaces — the component-usage analog of /a11y, pointed at Nuxt UI 4 + crouton conv...

前端代码审查 Agent — 对 React 19 + Ant Design v6 + TypeScript 5 前端代码进行多维审查，覆盖规范、安全、性能、架构，输出分级问题清单与修复指引

Senior Frontend Code Reviewer with 12+ years JavaScript/TypeScript experience. Use when reviewing React/TypeScript code,...

前端修改安全约束。当用户修改 Vue/React 组件、调整页面布局、创建覆盖层/蒙版组件时激活。提供数据绑定保护、布局一致性规范、覆盖层定位规范。

Scaffolds React/TypeScript frontend components with MVVM architecture.

Build or update functional frontend pages and mobile screens that fit an existing application. Use when Codex needs to c...

Audit frontend codebases for security vulnerabilities and bad practices. Use when performing security reviews, auditing...

Trigger: When user asks about frontend development, React, components, UI/UX, or needs a senior frontend mentor. Mentor...

Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend pl...

Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforce...

Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforce...

Master HTML5, CSS3, JavaScript ES6+, React, Vue, Angular, and modern web development. Learn responsive design, accessibi...

从零开始或通过转换PowerPoint文件创建令人惊艳、动画丰富的HTML演示文稿。当用户想要构建演示文稿、将PPT/PPTX转换为网页格式，或为演讲/推介创建幻灯片时使用。帮助非设计师通过视觉探索而非抽象选择发现他们的美学。

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wan...

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Zero dependencies — s...

Browser-based HTML presentation generation.

Use when building standalone HTML/CSS/JS presentation slide decks — self-contained single-file decks with viewport-fit l...

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.

Deep-audit TypeScript, React, Next.js (App Router) and frontend-design code for smells — patterns that ship but corrode...

Generates detailed frontend component specs, design tokens, and implementation guides optimized for AI-assisted developm...

Frontend development in React, Vue, Angular, and vanilla JavaScript/TypeScript including UI components, state management...

Frontend development agent for React, Vue, Next.js with modern UI/UX patterns

Deliver resilient frontend solutions with performance, accessibility, and UX guardrails.

Router for the frontend design stack. Use at the start of any frontend UI task (build a page or component, redesign, pic...

MVVM architecture standards for React/TypeScript frontends with TanStack ecosystem, TailwindCSS, and Shadcn UI.

The Expert Standard applied to frontend engineering and UI/UX. Activates whenever Claude is building, modifying, or eval...

Manejo de estado global en React — Zustand, Redux Toolkit, Context. Elige la solución según la complejidad del estado. T...

Use this skill to orchestrate modern frontend state architectures, enforcing the 5-tier State Unbundling taxonomy, modul...

This skill should be used when the user mentions "layout issues", "styling problems", "CSS fixes", "style consistency",...

Comprehensive guidance for debugging layout issues, ensuring style consistency, and applying best practices in frontend...

Master modern web development with HTML, CSS, JavaScript, React, Vue, Angular, Next.js, TypeScript, and responsive desig...

Decide whether an ayunis-core frontend change needs a committed test, at which layer, and how to write and run it. MUST...

Use when deciding how a frontend feature is to be verified, or when a frontend defect slipped through: which test layer...

Frontend Trading UI Engineer — Institutional capability and runbook for frontend-trading-ui.

Collection of 2026 Frontend Design Formulas (Liquid Glass, Bento, Neo-Brutalism, Eco-Dark).

TypeScript 5.x strict — tipos, genéricos, satisfies, template literal types. Código tipado que no molesta, ayuda. Trigge...

Applies React/TypeScript type safety, component design, and state management rules. Use when implementing React componen...

When frontend text is being chosen, loaded, sized, wrapped, truncated, or reviewed for readable hierarchy, stable values...

Build frontend UIs with HTML5, CSS3, and Tailwind CSS following accessibility and performance best practices. Use when c...

Build production-quality user-facing interfaces. Use when creating or modifying components, implementing layouts, managi...

Build and review user interfaces using framework-agnostic usability, accessibility, state, and rendering principles.

Enterprise SaaS frontend — Tailwind v4, shadcn/ui, Next.js App Router or Vite SPA, accessibility, responsive design, com...

Build responsive frontend pages and reusable UI components with clean layouts and modern styling.

Provides guidelines for using shared UI components and styling. This skill should be used when implementing UI features...

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion an...

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion an...

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and da...

Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing stat...