跳转到主要内容

Design Taste Frontend

技能 活跃

资深 UI/UX 工程师。 架构数字界面，克服默认 LLM 偏见。 强制执行基于指标的规则、严格的组件架构、CSS 硬件加速和平衡的设计工程。

目的

通过强制执行严格的设计原则、架构约束和创意概念来生成优质、非通用的前端代码，从而产生视觉上引人注目且经过精心打磨的用户界面。

功能

  • 架构数字界面，克服默认 LLM 偏见
  • 强制执行设计变异、动态效果和密度的基于指标的规则
  • 强制执行严格的组件架构和框架约定
  • 实现高级 CSS 技术，如硬件加速
  • 提供平衡设计工程的详细指令

使用场景

  • 生成高保真 UI 组件和布局
  • 确保遵守特定的设计系统原则
  • 实现高级前端动画和微交互
  • 生成避免常见 AI 生成 UI 陈词滥调的代码

非目标

  • 提供单一、狭窄的视觉风格
  • 假设第三方库已安装
  • 生成具有通用或缺乏创意的设计模式的代码

版本控制

  • warning:发布管理README 提到了 tasteskill.dev 上的变更日志，但在 SKILL.md 的 frontmatter 或清单中没有声明显式版本，并且安装说明引用了主分支。

代码执行

  • warning:固定依赖项虽然该技能要求检查 package.json，但它没有指定固定依赖项，也没有为该技能本身的潜在依赖项提供锁定文件。

安装

npx skills add Leonxlnx/taste-skill

通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。

质量评分

75 /100
1 day ago 分析

信任信号

最近提交8 days ago
GitHub 所有者 Leonxlnx (opens in new tab)
星标17.2k
许可证MIT
网站tasteskill.dev(opens in new tab)
状态
查看源代码

类似扩展

前端设计

99

通过高设计质量创建独特、生产级的面向接口。当用户要求构建 Web 组件、页面或应用程序时，请使用此技能。生成富有创意、精美的代码，避免通用的 AI 美学。

技能
digitalsamba

Shadcn/ui Component Library

99

shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership

技能
bobmatnyc

Angular Developer

100

生成 Angular 代码并提供架构指导。在创建项目、组件或服务时触发，或针对响应式（signals, linkedSignal, resource）、表单、依赖注入、路由、SSR、可访问性（ARIA）、动画、样式（组件样式, Tailwind CSS）、测试或 CLI 工具的最佳实践。

技能
angular

Ui Ux Pro Max

100

UI/UX design intelligence with searchable style, palette, typography, and chart databases. Use when designing UI components, choosing colors/fonts, reviewing code for UX issues, building landing pages, or implementing responsive layouts.

技能
spartan-stratos

Layout Audit

100

Layout and spacing audit covering grid, spacing consistency, density, responsive behavior

技能
Aboudjem

A11y Audit

100

Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets

技能
Aboudjem