【开源推广】前端UI设计SKILL (app-shell-ui skill):用简洁的设计,维持你开发的热情

yg2222 2026-07-12 14:32 1

本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容:



  • 我的帖子已经打上 开源推广 标签:

  • 我的开源项目完整开源,无未开源部分:

  • 我的开源项目已链接认可 LINUX DO 社区:

  • 我帖子内的项目介绍,AI生成、润色内容部分已截图发出:

  • 以上选择我承诺是永久有效的,接受社区和佬友监督:


以下为项目介绍正文内容,AI生成、润色内容已使用截图方式发出




每次有好的想法去开始付诸行动时都会让 ai 先帮我构建前端,但是千篇一律的 ai 风格前端、繁杂混乱的排版内容,每次都让我感觉天塌了,一点点抠细节调整,光是开始工作就花很多时间,做着做着就失去热情了,为了解决这一问题,我参考了市面上很多软件的 UI 设计,汇总成可这个 skill,确保在工作的初期就可以有看的过去的展示界面,让创作更有激情。


风格如下:



展示


光说无用来点展示看看 gpt 的前后表现:


以及不用提示此仅有主题的生成任务:


整体效果还是很不错的,采用的是现在大部分软件使用的左导航栏 + 右内容结构,简约的设计非常适合作为产品 demo 的载体,提升软件开发效率。

##项目地址



如果对大家有用,欢迎大家 star 支持一下,谢谢!

最新回复 (5)
  • AGI 特命 07-12 14:38
    1

    那这样出来是不是结构和风格也是千篇一律的 ^-^

  • Skywalker18 07-12 14:40
    2

    感觉比frontend-skill好

  • anzi 07-12 14:41
    3

    感觉没什么不一样的啊就是布局变了

  • yg2222 楼主 07-12 16:01
    4

    对的对的,我在计划做这个skill的调研时期,发现现在常用的软件应用都是这个构造,像是codex、微信、obsidian呀,所以就是追随现在的比较常用的前端样式

  • darknetopencv 07-12 20:24
    5

    感觉很不错,希望L站多分享一些这样的UI设计skill!

* 帖子来源Linux.do
返回