frontend-ui-ux
介绍
一种由设计师转变为开发人员的技能,将视觉工艺与生产级前端工程相结合。
- 适合谁
- 前端工程师、产品设计师、独立开发者
- 使用门槛
- 低,可直接试用
- 支持平台
- Claude / Codex / ChatGPT Skills
- 部署方式
- 本地运行

一种由设计师转变为开发人员的技能,将视觉工艺与生产级前端工程相结合。
It creates pixel-perfect layouts, refined spacing, color harmony, and memorable micro-interactions using HTML/CSS/JS and modern frameworks (React, Vue, Angular). Key features include rapid aesthetic direction (purpose, tone, constraints, differentiation), implementation of accessible, performant components and animations, creation or refinement of design systems and tokens, and seamless integration with existing code patterns. Use cases: building new UIs from concept, converting design-less specs into cohesive interfaces, elevating component libraries, fixing visual regressions, and performing design-aware code reviews. Core advantages are fast, high-fidelity UI delivery, maintainable code that matches team conventions, improved UX cohesion, and clear, transparent documentation and verification throughout the development process.
code-yeongyu
资源档案
继续比较
相关资源
同专题 · 工作流自动化 · 技能 / 规则包
liquid-glass
liquid-glass 指导 iOS/macOS 26+ Liquid Glass UI,适合 Apple 界面打磨。
同专题 · 工作流自动化 · 技能 / 规则包
canvas-design
画布设计是一项两步技能,可生成原创视觉哲学并将其呈现为成品静态艺术品。
同专题 · 工作流自动化 · 技能 / 规则包
memory-hygiene
memory-hygiene 用于审核、清理和重建 Agent 向量记忆,适合长期记忆维护。
同专题 · 工作流自动化 · 技能 / 规则包
agent-reach
agent-reach 统一访问 16 个内容平台,适合获客、调研和社媒采集型 Agent。
社区讨论
讨论与评分
先沉淀真实使用经验,评分作为可选信号补充。