frontend
整合设计与性能规则集，利于一致性和高质量交付。
前端 UI/UX 设计、实现、性能与视觉质量保障路由。
负责前端 UI/UX 从设计到实现、性能和视觉质检的路由：做页面/组件重构、样式、React 配置、Lighthouse/Core Web Vitals 审计、Playwright 视觉 QA 等工作时会调用它。用在想改版、调优体验、达成可访问性或追求某种视觉风格时。它会按需加载少量规则参考文件（比如 DESIGN.md、品牌指南），避免无脑生成的套路化输出。
▸ 展开 SKILL.md 英文原文
MUST USE for frontend/web UI/UX/visual work: building, styling, redesigning pages/components, React setup, performance audits, visual QA, taste, and polish. Routes four rulesets: design taste router and brand references; perfection for Playwright/Chromium Lighthouse/Core Web Vitals; ui-ux-db palettes/fonts/guidelines; designpowers personas/accessibility/critique/handoff; plus curl-only lazyweb real-app-screen research for design direction. Triggers: frontend, UI, UX, design, redesign, styling, layout, animation, motion, premium, luxury, minimal, brutalist, Awwwards, DESIGN.md, mockup, React, Lighthouse, accessibility, WCAG, Core Web Vitals, looks generic, make it pretty, like X brand, lazyweb, design research.
帮我安装这个 skill：https://raw.githubusercontent.com/code-yeongyu/oh-my-openagent/dev/packages/shared-skills/skills/frontend/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/code-yeongyu/oh-my-openagent/dev/packages/shared-skills/skills/frontend/SKILL.md"# Frontend This file is a router, not a rulebook. The rules live in four rulesets under `references/`; your first job is to load the smallest set of files that covers the request, state which you loaded in one sentence, then execute under their guidance. Loading nothing and freestyling produces the generic AI-slop output this skill exists to prevent; loading everything wastes context and creates contradictory instructions. **The bar is not clean-and-correct — it is work a senior designer at Linear, Stripe, or Supabase would ship.** Correct-but-flat is a failure, not a finish. Protect the surface as hard as you protect the build: design is a first-class deliverable, not a one-shot decision