frontend

改善布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提及布局感觉……时使用。

原始机械界面，将瑞士印刷排版与军事终端美学相融合。严密的网格、极端的字号对比、实用主义配色、模拟……

Google Stitch 的语义设计系统技能。生成对智能体友好的 DESIGN.md 文件，以强制执行高品质、反同质化的 UI 标准——严格的排版，…

创建具有高设计品质、独特且达到生产级标准的前端界面。当用户要求构建 Web 组件、页面或…时，请使用此技能。

关于集成和构建 shadcn/ui 组件应用的专业指南，涵盖组件探索、安装、自定义及最佳……

创建和编辑带有 wikilinks、嵌入、标注、属性及其他 Obsidian 专属语法的 Obsidian 风格 Markdown。在处理……中的 .md 文件时使用。

精英 UX/UI 与高级 GSAP 动效工程师。采用 Python 驱动的真随机化实现布局差异，遵循严格的 AIDA 页面结构，宽版编辑式……

Vite 构建工具配置、插件 API、SSR 以及 Vite 8 Rolldown 迁移。在处理 Vite 项目、vite.config.ts、Vite 插件或构建……时使用。

当用户要求“构建 Solana dapp”、“编写 Anchor 程序”、“创建代币”、“调试 Solana 错误”、“设置钱包连接”、“测试我的 Solana…”时使用

花叔Design（Huashu-Design）——使用 HTML 制作高保真原型、交互 Demo、幻灯片、动画、设计变体探索 + 设计方向顾问 + 专家评审的一体化设计能力。HTML 是工具而非媒介，根据任务化身为不同领域的专家（UX 设计师/动画师/幻灯片设计师/原型师），避免常规的 web design……

面向 Codex 的顶级网站图像转代码技能。对于视觉要求高的 Web 任务，它必须首先自行生成设计图，对其进行深入分析，然后……

ckm:design-system — 一项面向 AI 智能体的可安装技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。

设计让界面感觉精致的工程原则。适用于构建 UI 组件、审查前端代码、实现动画、悬停效果……

ckm:design — 一项面向 AI 智能体的可安装技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。

ckm:banner-design — 一项可安装的 AI 代理技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。

管理您的团队 — 创建角色、分配任务、启动工作进程并监控进度

本技能用于界面设计——仪表盘、管理后台、应用程序、工具和交互产品。不适用于营销设计（落地页、营销网站……

遵循 WCAG 2.1 指南实现 Web 无障碍 (a11y) 标准。适用于构建无障碍 UI、修复无障碍问题或确保……

精英级前端图像方向技能，用于生成高质量、注重转化率的网站设计参考。关键输出规则 — 生成一个独立的…

专为移动应用打造的精英级图像生成技能，用于创建高质量、原生应用风格的界面概念与交互流程。适用于 iOS、Android 及跨平台移动端……