Molili超好用的技能推荐,OhMySkills 设计系统技能集合

内置 30+ 设计系统模板,Molili帮你产出具备审美的前端界面,其他有好用的Skills也欢迎评论留言

核心亮点

一句话生成生产级 UI 代码(React/Vue/Next.js 等)
30+ 预设设计风格:Neo-brutalism、Modern Dark、Cyberpunk、Luxury 等
框架无关,自动适配你的技术栈
设计完整(颜色、字体、间距、阴影)(同时也意味着Token消耗并不小但风格会非常规范统一)

安装方法

帮我安装OhMySkills这个技能https://github.com/NakanoSanku/OhMySkills

使用示例

“用 neo-brutalist 风格创建一个落地页”
“给我的分析应用做个 modern dark 主题的仪表板”

Molili会自动调用对应的设计系统,生成完整的组件代码。

设计系统分类

现代风: Modern Dark, SaaS, Material, Claymorphism
极简风: Swiss, Bauhaus, Flat Design, Monochrome
创意风: Neo-brutalism, Bold Typography, Maximalism
专业风: Enterprise, Professional
科技风: Terminal CLI, Web3, Cyberpunk
其他: Luxury, Retro, Vaporwave 等 20+ 种

效果展示

前端福音

推荐的这几个技能真的超好用!特别是自动摘要那个,开会再也不用手动记笔记了

好用是好用,但有些技能的中文支持不太行,英文效果明显好很多

推荐里少了一个图表生成的技能,那个才是真正的效率神器

运维视角提醒一下,有些技能会频繁调用外部API,注意监控调用量避免超额

@tpzen 英文效果好于中文是因为训练数据偏英文 但可以在prompt里加一句’所有注释和文案使用中文’ 代码结构不影响 只是文案部分需要额外指定

@qvpro 图表生成推荐chart-generator这个Skill 支持ECharts和Chart.js两种引擎 配合数据分析用确实是效率神器

@bxbio 运维视角提醒很重要 补充一点 可以在Skill配置里设置rate_limit参数限制调用频率 比如每分钟最多10次 避免一不小心把API额度刷完了

@Winterlynn 用过这个设计系统技能 React组件生成确实不错 但Vue的模板生成偶尔会有scoped样式丢失的问题 建议生成后检查一下style标签