Menü
前端界面设计技能。创建独特、有辨识度的生产级前端界面。 当用户要求设计网页、创建 UI 组件、进行前端开发时触发。 强调大胆的美学方向、独特的排版选择、精细的视觉细节和动效。
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| name | frontend-design |
| description | 前端界面设计技能。创建独特、有辨识度的生产级前端界面。 当用户要求设计网页、创建 UI 组件、进行前端开发时触发。 强调大胆的美学方向、独特的排版选择、精细的视觉细节和动效。 |
| tags | ["frontend","ui","design","react","tailwind"] |
创建独特、生产级的前端界面。
不要泛泛的设计。选择一个明确的美学方向：
| 方向 | 特点 |
|---|---|
| Midnight Dark | 深色背景 + 高对比度强调色 |
| Glass Morphism | 毛玻璃效果 + 渐变 |
| Brutalist | 粗犷的排版 + 原始的色彩 |
| Ethereal Light | 柔和渐变 + 精致动效 |
避免 Generic Fonts。推荐：
标题字体:
正文字体:
/* 入场动画 */
@keyframes fade-in-up {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* 悬停效果 */
.hover-lift {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-lift:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
<div className="group relative overflow-hidden rounded-2xl bg-gradient-to-br from-white to-gray-100 p-6 transition-all duration-300 hover:shadow-2xl hover:shadow-black/5">
<div className="absolute inset-0 bg-gradient-to-br from-blue-500/10 to-purple-500/10 opacity-0 transition-opacity duration-300 group-hover:opacity-100" />
{/* Content */}
</div>
<button className="relative overflow-hidden rounded-full bg-black px-6 py-3 text-white transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-black/20 active:scale-95">
<span className="relative z-10">Click me</span>
</button>
| 指标 | 目标 |
|---|---|
| Lighthouse | ≥ 90 |
| FCP | < 1.5s |
| LCP | < 2.5s |
| TTI | < 3s |
多视角模拟学术论文评审 — 模拟国际期刊同行评审流程。支持 quick（EIC 单人快审）、methodology（方法论专项）、full（5视角完整评审）三种模式。从方法论严谨性、领域专业度、创新性、论证逻辑、期刊适配度五个非重叠视角独立审查，最终合成编辑决定和修订路线图。适用于：投稿前自检、论文质量评估、模拟审稿。
根据论文摘要/内容检索国内审稿人候选 — 按研究方向匹配学者，验证职称（副教授/教授），输出分级推荐名单。
审稿意见结构化解析与修订路线图生成。输入任意格式的审稿意见，输出逐条分类、优先级排序、章节映射的修订路线图。支持多审稿人合并处理、承诺追踪、Response Letter 模板生成。TRIGGER: 收到审稿意见、parse reviews、revision roadmap、help me with my revision、回复审稿人、如何修改论文。
直接查询 Scholar's Tea PostgreSQL 数据库（绕过浏览器/API 故障），用于获取用户、帖子、课题组等社区数据。
End-to-end academic paper writing skill covering proposal, structure, writing, formatting, and quality review. Targets Nature, Science, IEEE, NeurIPS, ICML, ICLR, AAAI, ACL, COLM. Emphasizes narrative-driven writing, citation discipline, and iterative refinement.
文档处理技能集。用于处理 Word (docx)、PDF、PowerPoint (pptx)、Excel (xlsx) 等办公文档。 当用户需要创建、编辑、分析文档时触发。