Apple-Hig-designer,根据Apple底层设计原则设计前端页面

各位佬友们!我开发了个Skill,效果如下:
AI产品(伪)前端页面:
1

音乐页面

邮件页面

文件管理页面

项目管理页面

笔记页面

融合风格方案
使用apple-hig-designer融合多种风格选择合适框架进行完整的前端项目开发。
效果展示:

更多用法还在探索中…

以上均为调用Skill一句话生成,因为我不怎么熟悉前端实在不知道该怎么描述(sorry
如果对您们有用的话,请点个免费的Star,谢谢!希望佬指出哪里不足的地方。

74 个赞

好强,但是请不要上液态玻璃:tieba_087:

2 个赞

请问是先要把仓库下载到本地吗?

这个skill 怎么和官方的样例头不一样

对,我是直接把它放在.claude的skills的文件夹里面。

感谢分享 挺好看的

感谢大佬分享,社区有您更美丽

1 个赞

感谢佬友分享,试着试用一下 :clap:

佬,我改了一下,谢谢指正!

都是用 claude 4.5 生成的吗?

1 个赞

是的,claude 4.5 code调用了skill,我最近做了优化,使用这个skill与其他风格进行融合,效果会更好,不过这个帖子里还没有更新,等我有时间。

好像有点bug,佬友。我让CC生成天气,直接10几分钟都没弄完,按理来说不应该这样吧,难道是上下文过于长吗:
你是一位就职于苹果公司的顶级前端工程师。请创建一个包含CSS和JavaScript的HTML文件,用于生成动画天气卡片。卡片需要以不同动画效果直观展示以下天气状况:

风力(如:飘动的云朵、摇曳的树木或风线)
降雨(如:下落的雨滴、形成的水洼)
晴天(如:闪耀的光线、明亮的背景)
下雪(如:飘落的雪花、积雪效果)

所有天气卡片需要并排显示,背景采用深色设计。所有HTML、CSS和JavaScript代码都需包含在这个单一文件中。JavaScript部分需包含切换不同天气状态的功能(例如通过函数或按钮组),以演示每种天气的动画效果。

将前端显示效果优化得更精致流畅,打造出价值2000元/月的精品天气应用既视感。

2 个赞

明确说明使用apple_hig_designer技能试试。

1 个赞

是的,明确说了就可以了,后面也没法复现了

佬太强了

已star

感谢佬的贡献

感谢佬分享,最近刚好需要做一些前端的页面,太及时了!

感谢分享,这就试试,之前写的毛玻璃风格都能难绷:tieba_001:

太强了佬!