工程构建进阶

frontend-design

帮助构建更精致的网页、组件和应用界面,关注视觉方向、间距、排版和可访问交互。

推荐使用Codex
Recent Design开发工程前端设计

Anthropics

Skill 作者

适合职业

  • 前端开发者
  • 设计工程师
  • 产品经理

兼容工具

  • Codex
  • Claude Code
  • OpenAI Agents

使用场景

  • 前端页面设计
  • 组件实现
  • 视觉体验优化

安装指令(将命令发送给 Codex 可直接安装)

完整说明

Skill 简介

frontend-design 用于指导 AI 构建更完整、更有视觉方向的网页、组件和应用界面。

适合场景

  • 从零实现一个前端页面。
  • 让现有页面更像完整产品。
  • 检查排版、间距、视觉层级和交互状态。

安装命令

安装说明

运行安装命令后,在对应项目中让 AI 使用该 Skill。建议先阅读 GitHub 仓库说明,再把它加入达灵感项目资源。

使用说明

适合在具体 AI 项目中作为可复用资源保存。使用时,把当前项目背景、目标页面或工作流说明清楚,再调用该 Skill。