Menu
创建精美、高质量的前端网页和 UI 组件。当用户要求构建网页、页面、应用、仪表盘、组件、登录页、todolist、表单、海报等任何前端产物时使用。生成独特的、生产级的代码和 UI 设计，避免通用 AI 审美。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | frontend-design |
| description | 创建精美、高质量的前端网页和 UI 组件。当用户要求构建网页、页面、应用、仪表盘、组件、登录页、todolist、表单、海报等任何前端产物时使用。生成独特的、生产级的代码和 UI 设计，避免通用 AI 审美。 |
| triggers | ["网页","页面","前端","html","css","UI","组件","做一个","创建","制作","登录","todolist","todo","dashboard","landing","website","web page","frontend","webapp","应用","app","仪表盘","表单","form","海报","poster"] |
| execution_mode | subagent |
| tools | [] |
| priority | 20 |
| timeout | 300 |
创建独特的、生产级前端界面，避免通用 "AI slop" 审美。实现真正可运行的代码，对美学细节和创意选择投入极致关注。
必须遵守：
在编码之前，理解上下文并选择一个大胆的美学方向：
关键：选择一个清晰的概念方向并精确执行。大胆的极繁和精致的极简都行——关键是意图性，不是强度。
每个生成的页面底部包含一个小型 "Created by TinyFlow" 署名：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面标题</title>
<style>
/* 完整 CSS */
</style>
</head>
<body>
<!-- 完整页面内容 -->
<script>
// 完整交互逻辑
</script>
</body>
</html>
记住：你有能力创造非凡的创意作品。不要退缩，展示当全力投入一个独特愿景时能真正创造出什么。每次生成都应该是独一无二的。