메뉴
前端设计质量提升 skill。让 AI 生成的 UI/前端代码更专业，避免常见设计反模式。 参考 impeccable 项目的设计语言规范，提供 audit/polish/critique 等设计审查命令。 触发词：/audit /polish /critique /colorize /animate /bolder /quieter /distill 以及：审查UI设计、优化界面、前端设计建议、让设计更好看、检查设计质量
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/whyzsm/tiny-agents --skill frontend-design-pro명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
Single-Agent T-MAX Java backend architecture and engineering rule package. Use when Codex must design, implement, review, or diagnose T-MAX backend services involving Java 8, Spring Boot, Kylin, MyBatis XML, TiDB/MySQL, Apollo/Nacos, Feign, AnePageHelper, ResponseResult/DataGridResult, UEP export, Redis, RabbitMQ, or Maven multi-module repositories. Routes one Agent through repository intake, architecture decisions, API/data contracts, implementation diagnosis, quality/security review, and bounded evidence loops while keeping builds, tests, live calls, commits, and pushes as separate authority boundaries.
Create polished consulting-style single-file HTML research reports from messy business notes, screenshots, metrics, and iterative user feedback. Use this skill whenever the user asks for a 咨询风/艾瑞咨询风/研究报告/汇报报告/HTML报告, wants business or AI landing-practice material turned into a management-facing report, asks to add charts/diagrams, or asks to update report metrics and keep the whole HTML report consistent.
Audit HarmonyOS applications for AppGallery/AGC release readiness, including Huawei UX/HMI controls, system-feature integrations, and performance gates for multi-input interaction, latency, frame rate, content display, memory, and CPU. Use when users ask for 鸿蒙上架自检、应用市场审核、AGC发布前检查、控件/系统特性/人机交互/签名/隐私/权限/截图/性能核对或 release 包门禁, especially for Stage-model projects with module.json5, build-profile.json5, hvigorw, and local-first data constraints.
SOC 직업 분류 기준
SKILL.md 표시 중
| name | frontend-design-pro |
| description | 前端设计质量提升 skill。让 AI 生成的 UI/前端代码更专业，避免常见设计反模式。 参考 impeccable 项目的设计语言规范，提供 audit/polish/critique 等设计审查命令。 触发词：/audit /polish /critique /colorize /animate /bolder /quieter /distill 以及：审查UI设计、优化界面、前端设计建议、让设计更好看、检查设计质量 |
| author | antonia-sz |
| version | 1.0.0 |
灵感来源：impeccable ⭐ 3k
一套专业的前端设计语言规范，让 AI 输出的 UI 摆脱"千篇一律的模板感"。
LLM 从相同的通用模板中学习，没有引导就会产生相同的可预测错误：
这个 skill 用设计规范和反模式清单，主动引导 AI 产出专业设计。
在任何 UI/前端相关对话中使用这些命令：
| 命令 | 功能 |
|---|---|
/audit [组件名] | 检查无障碍、性能、响应式问题 |
/critique [组件名] | UX 设计评审：层次、清晰度 |
/polish [组件名] | 发布前最终打磨 |
/distill [组件名] | 化繁为简，去除多余元素 |
/colorize [组件名] | 引入战略性色彩 |
/animate [组件名] | 添加有意义的动效 |
/bolder [组件名] | 让平淡的设计更大胆 |
/quieter [组件名] | 让过于张扬的设计沉稳下来 |
/delight [组件名] | 添加让人会心一笑的细节 |
/normalize [组件名] | 与设计系统规范对齐 |
/harden [组件名] | 增加错误处理、边界情况、国际化 |
当用户发出设计相关请求时：
/audit：检查并列出 3-5 个具体问题（带行号/组件名）/polish：输出修改后的完整代码 + 说明改了什么用户说："帮我写一个登录表单"
自动应用规范后的输出特征：