Frontend Design - Web应用设计指南
为创建动态Web应用提供标准和最佳实践
标签
更新于: 2026-03-20能力
典型输入
典型输出
该技能可以做什么
- 创建Web应用
- 编写HTML结构
- 编写JavaScript逻辑
- 应用Vanilla CSS样式
- 使用Next.js框架
- 使用Vite框架
- 使用npx初始化项目
- 运行开发服务器
- 生成图像
- 实现设计系统
- 构建组件
- 创建响应式布局
- 优化性能
- 实现标题标签
- 添加元描述
- 使用语义HTML
输入
- 用户需求
- Web框架偏好
- TailwindCSS版本
- 图像生成请求
输出
- HTML文件
- JavaScript文件
- CSS文件
- 动态Web应用
- 框架配置
- 设计令牌
- 组件
- 图像
- 响应式布局
- 标题标签
- 元描述
要求
- HTML
- JavaScript
- Vanilla CSS
- Node.js环境
- npm包管理器