一键导入
frontend-design
前端界面设计技能。创建独特、有辨识度的生产级前端界面。 当用户要求设计网页、创建 UI 组件、进行前端开发时触发。 强调大胆的美学方向、独特的排版选择、精细的视觉细节和动效。
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
前端界面设计技能。创建独特、有辨识度的生产级前端界面。 当用户要求设计网页、创建 UI 组件、进行前端开发时触发。 强调大胆的美学方向、独特的排版选择、精细的视觉细节和动效。
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
多视角模拟学术论文评审 — 模拟国际期刊同行评审流程。支持 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) 等办公文档。 当用户需要创建、编辑、分析文档时触发。
| 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 |