📦
latex-posters
87创建 LaTeX 科研海报
科研海报在 LaTeX 中很难排版，也很难为印刷进行校对。此技能提供模板、布局指导和 PDF 检查，帮助制作符合会议要求的海报。
设计与创意 查看
技能 frontend-design
📦
frontend-design
内容修订 r2 安全
设计生产级前端界面
团队经常需要既实用又具有视觉辨识度的前端工作。此技能指导 Claude、Codex 和 Claude Code 创建精致的界面，并具备清晰的美学方向。
支持: Claude Codex Code(CC)
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
智能体请求
Review the Skillstore skill "frontend-design" from https://skillstore.io/skills/davila7-frontend-design.md and its manifest at https://skillstore.io/api/skills/davila7-frontend-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“frontend-design”。 一个面向精品分析产品的落地页。
预期结果:
一个响应式页面概念，包含大胆的视觉方向、结构化区块、排版选择、颜色系统和实现说明。
正在使用“frontend-design”。 现有仪表盘感觉很普通。
预期结果:
一个重新设计方案，包含更强的层级、更密集的信息布局、改进的间距、精细的状态以及匹配的实现方式。
正在使用“frontend-design”。 一个 React 组件需要产品级样式。
预期结果:
一个精致的组件方向，包含布局指导、交互细节、响应式行为和用于实现的 CSS 结构。
安全审计
安全v9 • 2026/7/23 打开版本化报告
All three static findings are false positives. Their cited lines contain frontend design guidance and do not request system reconnaissance or unsafe actions.
2
已扫描文件
221
分析行数
0
复核项
0
已忽略误报
最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。
审计者: codex 查看审计历史 →
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/davila7-frontend-design/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/davila7-frontend-design?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/davila7-frontend-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/davila7-frontend-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/davila7-frontend-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
davila7. (2026). frontend-design security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/davila7-frontend-design/audits/9BibTeX 引用
@techreport{davila7-davila7-frontend-design-2026,
author = {davila7},
title = {frontend-design security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/davila7-frontend-design/audits/9},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-design security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "davila7"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/davila7-frontend-design/audits/9"
identifiers:
- type: other
value: "skillstore:davila7-frontend-design:audit:9"
description: "Skillstore immutable audit report identifier"
比较变体
18 个可安装变体每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。
为什么此变体排名第一
Skillstore 评分最高
作者 / 来源 Skillstore 评分 证据置信度 Skillstore 使用量 已更新
atman36-frontend-design
Skillstore 评分 81
证据置信度 高
Skillstore 使用量 43
已更新
2026-09-09
adamaugustinsky-frontend-design
Skillstore 评分 79
证据置信度 高
Skillstore 使用量 21
已更新
2026-09-09
cesaraugustusgrob-frontend-design
Skillstore 评分 79
证据置信度 高
Skillstore 使用量 17
已更新
2026-09-09
agentworkforce-frontend-design
Skillstore 评分 78
证据置信度 高
Skillstore 使用量 20
已更新
2026-09-09
Skillstore 评分
评分依据 证据置信度: 高 55
架构
85
可维护性
87
内容
71
社区
91
规范符合性
你能构建什么
发布产品页面
为新产品创建具有精致布局、字体、颜色和动效的独特落地页。
优化应用仪表盘
通过更强的层级、间距、交互状态和视觉一致性改进现有仪表盘。
构建前端组件
生成符合清晰美学方向的精致 React 或 HTML/CSS 组件。
试试这些提示
创建简单页面
为 [product] 设计一个单页网站。使用 HTML、CSS 和 JavaScript。使其具备响应式、精致且易于浏览。
美化现有组件
改进此 [component] 的视觉设计。保留当前行为，但优化布局、排版、颜色、间距和状态。
构建主题化仪表盘
为 [audience] 创建一个跟踪 [metrics] 的仪表盘。选择一个鲜明的美学方向，并实现响应式 UI 组件。
创建完整前端系统
为 [app] 设计并实现一个多区块界面。包含导航、状态、动效、无障碍说明和一致的视觉系统。
最佳实践
- 在请求实现前，提供受众、产品目标、品牌约束和所需框架。
- 在重要时，要求包含响应式状态、空状态、加载状态和无障碍考虑。
- 在浏览器中审查生成的 UI，并针对间距、对比度和动效进行迭代。
避免
- 不要在缺少上下文或受众细节的情况下请求泛泛的现代设计。
- 不要接受会削弱可读性、无障碍或性能的装饰效果。
- 不要跳过桌面和移动视口上的验证。
常见问题
此技能能帮助创建什么？
它有助于创建具有强视觉方向的网页、仪表盘、组件、落地页和界面优化。
哪些工具可以使用它？
它兼容 Claude、Codex 和 Claude Code。
它包含现成资产吗？
不。它提供设计和实现指导，但智能体必须在任务过程中创建或获取资产。
它能与 React 配合使用吗？
可以。它支持 React 组件，也可以指导 HTML、CSS、JavaScript、Vue 或类似的前端工作。
它能取代设计审查吗？
不能。仍然需要人工审查品牌契合度、无障碍、浏览器行为和产品需求。
它会运行命令或访问密钥吗？
不能。技能文本仅包含指导，不包含脚本、网络调用或外部命令。
开发者详情
作者
davila7许可证
Complete terms in LICENSE.txt
Skillstore 修订
r2
版本提示
作者未声明版本。
引用
c43861a65bb95efcae259cd161c9d6f4dc7eec6f
维护新鲜度
2026/7/24
使用量
8 次下载 · 258 次浏览
文件结构
📄 SKILL.md
davila7 的更多技能
查看全部📦
content-creator
87创建适合 SEO 的营销内容
营销团队需要清晰的内容，以匹配品牌语调和搜索目标。此技能提供模板、分析脚本和平台指南，用于可重复的内容生产。
写作与内容 查看
📦
treatment-plans
86创建结构化医疗治疗计划
临床治疗计划往往会变得不一致、冗长或难以审查。此技能提供重点明确的模板、可衡量的目标、时间表和本地质量检查。
文档 查看
📦
clinical-reports
86创建结构化临床报告
临床团队需要符合医疗和监管标准的清晰报告。此技能为病例报告、诊断、试验和患者记录提供模板、检查清单和验证指导。
文档 查看
📦
exploratory-data-analysis
85分析科学数据文件
科学数据文件很难检查，因为每种格式存储结构和元数据的方式都不同。此技能可检测格式、分析数据质量，并创建实用的 Markdown EDA 报告。
数据与分析 查看
📦
diffdock
85运行 DiffDock 分子对接工作流
分子对接设置经常失败，因为输入、参数和置信度分数很难对齐。此技能会指导从准备到结果审查的 DiffDock 工作流。
研究与学习 查看
相关技能
查看全部📦
ui-styling
83Build Accessible Tailwind Interfaces
由 nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
设计与创意 查看
📦
ui-design
80设计独特的 UI 原型
由 tencentcloudbase
通用 AI 界面往往缺乏视觉方向和符合平台特性的细节。此技能会指导 Claude、Codex 和 Claude Code 在构建原型之前先定义设计意图。
设计与创意 查看
📦
shape
81在构建前规划 UX
由 pbakaus
团队常常在明确用户目标、状态和约束之前就开始构建界面。此技能会引导发现流程，并生成用于实现的设计简报。
设计与创意 查看
📦
generative-art
81创建交互式生成艺术
由 Cam10001110101
艺术家和团队需要可复现、无需设置即可探索的生成艺术。此技能可将一个概念转换为带有控制项和 PNG 导出功能的种子化 p5.js HTML 工件。
设计与创意 查看
📦
ui-ux-designer
79设计无障碍产品界面
由 sickn33
团队经常难以将用户需求转化为一致且无障碍的界面。此技能可指导研究、流程、设计系统、token 和交付。
设计与创意 查看
📦
stitch-ui-design
79创建更好的 Google Stitch UI 提示词
由 sickn33
当提示词缺少细节时，Google Stitch 可能会生成较为通用的设计。此技能为屏幕、流程、视觉风格、无障碍和交接提供结构化的提示词指导。
设计与创意 查看