前端别再长得一样

帮你实现具有特定设计风格的前端界面。

design-taste-frontend-v1 是一份偏强势的前端视觉约束,适合你不想让 AI 生成普通 SaaS 模板、希望页面有明确设计性时使用。它默认设定设计变化、动效强度和视觉密度,也允许根据你明确提出的偏好调整这些参数。

写代码前,它要求先检查 `package.json`,确认 React、Next.js、Tailwind 和图标库是否真的安装;不能凭印象引入依赖。默认使用服务端组件,把需要交互的部分抽成独立的 Client Component。布局上偏好非对称结构、CSS Grid 和移动端单列回退;配色限制为中性底色加一个克制的强调色,并明确避开一套常见的紫蓝渐变套路。

这份 Skill 还会提醒你补齐加载、空数据、错误和按压反馈状态,动画只改 transform 和 opacity,长时间运行的动效要隔离。使用时仍要以项目现有技术栈和真实内容为准;它提供审美护栏,不会替你决定产品信息架构。

分类:编程开发

来源仓库:leonxlnx/taste-skill

适合用来做什么

  • 设计一个具有现代前端品味的主页。
  • 请根据设计品味 v1 的原则,创建一个用户登录界面。

安装 design-taste-frontend-v1

npx skills add https://www.iskills.cc/skills/leonxlnx/taste-skill/design-taste-frontend-v1/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 design-taste-frontend-v1 的用途与原始说明

浏览全部 Skill 指南