由于 trendforge.devlive.top 访问受限,请切换到 trendforge.devlive.org 域名
项目介绍
让您的AI更擅长设计的视觉语言体系。
The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.
智能解读
原始标签
智能标签
使用场景
最适合需要借助AI生成高质量、专业化前端设计,同时避免常见设计陷阱的场景。
快速提升AI设计质量
使用AI生成前端设计时,经常出现千篇一律的Inter字体、紫色渐变、卡片嵌套卡片等模板化设计问题。
通过Impeccable的frontend-design技能和17个命令,为AI提供专业的设计指导,避免常见设计陷阱,生成更专业、独特的设计方案。
在Claude中加载Impeccable后,使用`/polish`命令对AI生成的登录页面进行优化,自动替换默认字体、调整颜色对比度、优化间距系统。
设计系统一致性检查
团队多人协作时,不同成员使用AI生成的设计组件风格不一致,难以维护统一的设计语言。
使用`/normalize`命令将AI生成的设计对齐到团队设计系统标准,确保颜色、间距、字体等设计要素的一致性。
新成员用AI生成了一个按钮组件,使用`/normalize`命令将其颜色调整为团队指定的OKLCH色系,间距对齐8px基准网格。
设计可访问性审计
AI生成的设计往往忽略可访问性要求,如颜色对比度不足、焦点状态缺失等。
使用`/audit`命令进行技术质量检查,自动识别并修复可访问性、性能、响应式设计等问题。
AI设计了一个深色模式界面,使用`/audit`命令检查发现多处文本对比度不达标,自动调整为符合WCAG标准的颜色。
设计情感化增强
AI生成的设计虽然功能完整,但缺乏情感共鸣和用户愉悦感,显得机械呆板。
使用`/delight`命令为设计添加愉悦时刻,或使用`/animate`命令添加有目的性的动效,提升用户体验。
一个电商结账流程过于枯燥,使用`/delight`命令在支付成功时添加微妙的庆祝动画和友好的确认文案。
项目健康度
距上次更新 2 天
平台 Star TOP 1% · Forks 5,875
本周 +12,017 ⭐ · 本月 +25,479 ⭐
1 位贡献者 · 0 条平台评论
缺少 2 项内容
1 项改进建议
- 社区:贡献者较少,可通过完善文档和社区运营吸引更多参与者
项目信息
赞赏支持
如果本站对你有帮助,欢迎打赏支持
微信
支付宝
Widget 徽章
相关项目推荐
farion1231/cc-switch
一款跨平台桌面应用程序,用于管理和切换Claude Code与Codex的供应商配置及MCP服务器。
openai/codex
轻量级终端编码助手
rustdesk/rustdesk
一款专为自建远程访问需求设计的开源远程桌面应用程序,可作为TeamViewer的替代方案。
rust-lang/rust
让每个人都能构建可靠高效的软件
tauri-apps/tauri
通过 Web 前端构建更小、更快、更安全的桌面与移动应用程序
denoland/deno
面向 JavaScript 与 TypeScript 的现代化运行时
加载评论中...