搜索
搜索结果
9 results for "frontend ui engineering"
frontend-ui-engineering
构建生产级、可访问、响应式的用户界面。在构建或修改界面和页面、创建组件、实现布局、满足WCAG无障碍要求、管理状态，或当输出需要看起来像生产级而非AI生成时使用。
addyosmani
gsap-framer-scroll-animation
当用户想要构建滚动动画、滚动效果、视差、滚动触发的元素显现、固定区域、水平滚动、文本动画或任何与滚动位置相关的动效时，请使用此技能——适用于原生JS、React或Next.js。涵盖GSAP ScrollTrigger（固定、跟随滚动、吸附、时间线、水平滚动、ScrollSmoother、matchMedia）和Framer Motion / Motion v12（useScroll、useTransform、useSpring、whileInView、variants）。即使用户只说“滚动时动画”、“滚动时淡入”、“像苹果官网那样滚动”、“视差效果”、“粘性区域”、“滚动进度条”或“入场动画”，也应使用此技能。同时适用于Copilot中生成GSAP或Framer Motion代码的提示模式。与premium-frontend-ui技能配合使用，以获得创意理念和设计层面的精良效果。
githubpremium-frontend-ui
一份全面的指南，帮助 GitHub Copilot 打造沉浸式、高性能的网页体验，融合高级动效、排版与架构工艺。
githubwebapp-testing
用于与本地Web应用交互和测试的工具包，基于Playwright。支持验证前端功能、调试UI行为、捕获浏览器截图以及查看浏览器日志。
github
better-ui
设计工程原则，让界面感觉更精致。在构建UI组件、审查前端代码、实现动画、悬停状态、阴影、边框、微交互、进入/退出动画、选择或审查图标，或任何视觉细节工作时使用。触发条件：UI打磨、设计细节、“让它感觉更好”、“感觉不对劲”、交错动画、边框半径、光学对齐、图像轮廓、盒阴影、图标、图标描边粗细、图标状态、动效克制。
jakubkrehelmake-interfaces-feel-better
设计工程原则，让界面感觉更精致。在构建UI组件、审查前端代码、实现动画、悬停状态、阴影、边框、排版、微交互、进入/退出动画或任何视觉细节工作时使用。触发条件：UI打磨、设计细节、“让它感觉更好”、“感觉不对劲”、交错动画、圆角、光学对齐、字体平滑、表格数字、图像轮廓、盒子阴影。
jakubkrehel
interface-kit
Authoritative guide for implementing stunning, accessible, performant UI. Synthesizes design engineering philosophy, accessibility standards, animation principles, spatial design, typography, color systems, and component craft into a single actionable reference. Complements the design-system skill (which covers DESIGN.md spec writing) by covering the HOW of implementation. Trigger phrases: "build UI", "create component", "landing page", "make it look good", "frontend", "design", "polish UI", "implement design", "make it beautiful", "UI implementation", "component styling", "animation", "accessibility"
juliusbrussee
design-taste-frontend
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
bnd-1
frontend-design-ui-ux
Produce a distinctive, LOCKED design language plus an implementation-ready UX/UI spec, written to `.ulpi/design/`: a per-brief visual identity (palette, type, signature), the design system to build on, user flows and states, component briefs, and accessibility constraints. Commits to a bold aesthetic direction, bans AI-slop by name, and locks the identity so every screen and future session stays consistent. Can visit inspiration links with the browse skill to extract real design DNA. Ends with a build handoff that a delegated engineering agent implements — a DESIGN-SPEC skill that produces the spec, never production UI code. Use for new features, redesigns, or design-system work where the build should follow a locked spec.
ulpi-io