SuperAPI AI 工具集

design-taste-skill-pack

前端与建站

查看项目

更新于 10-16 07:07

技能介绍

用途

Design Taste Skill Pack 的总路由入口。它不是某一种具体风格,而是整套前端品味系统的决策中枢,负责在多个风格技能之间进行选择与分发。

主要能力

  • 阅读用户简报,识别产品类型、品牌气质、目标受众、期望的能量层级、内容密度,以及页面应呈现编辑感、技术感、高级感、柔和感、电影感、严谨感还是实验感。
  • 判断用户是否明确指定了风格。若已指定,直接路由到对应风格文件夹,不再询问;若未指定,则自行选择最匹配的单一风格。
  • 支持一组明确命名的风格,包括:brutalism、cinematic-product、dark-luxe、dashboards、editorial-premium、gallery-minimal、minimalism、monochrome-modern、premium-bento、quiet-luxury、soft、soft-brutalism、swiss-system、warm-modern。同时识别近似表述,如 brutalist、swiss design、quiet luxury 等。
  • 提供风格选择映射逻辑,例如:排版与叙事导向选 editorial-premium;严格网格与理性清晰选 swiss-system;纯粹克制与平静选 minimalism;模块化产品售卖与高级 UI 区块选 premium-bento;海报式强势活动选 brutalism;暗色高级氛围选 dark-luxe;图像主导展示选 gallery-minimal;亲和消费级选 soft;温暖专业质感选 warm-modern;密集功能软件选 dashboards。
  • 在选定风格后,要求读取该风格的 skill.md、components/style-recipes.md 中的对应段落,并按需打开引用的组件库文件,用组件强化所选风格而非偏离风格。

使用方式

标准工作流:先阅读并分析提示词,再判断是否有显式风格请求,然后选择或直接采用对应风格文件夹,接着阅读该风格的 skill.md 与 style-recipes.md,最后在选定风格的基础上构建,并仅使用符合该风格节奏、材质与密度的组件。当简报较模糊时,需依据信号自行做出真实选择,不要每次都默认同一种风格。

适用场景

适用于需要为前端页面选择并落地明确视觉风格的产品页面、落地页、产品叙事页、作品集、仪表盘等构建任务。默认假设使用 React 或 Next.js 约定。

限制

资料未提供收费、价格、平台兼容性等具体信息,暂未提供。质量要求包括:避免通用卡片堆砌、避免弱导航栏、在图像明显能提升页面时使用真实图像,并合理加入动效、悬停状态与微交互。资料提醒不要因为简报宽泛就生成通用兜底 UI,也不要将多种风格技能混淆拼接,除非用户明确要求混合。