Claude Skills · Design

UI UX Pro Max

doccker/cc-use-exp

专业级 UI/UX 设计规范,需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发。覆盖视觉层次、配色体系、排版节奏、交互微动效、响应式适配等。日常前端开发由 frontend-dev skill + frontend-design 插件覆盖。

★ 1,023 Synced 1 hour ago View SKILL.md

At a glance

Design Plugin install vv1.1

This skill is for Design and helps you design professional user interfaces, create design system specifications, and establish color and typography standards.

Uiuxdesign-systemVisual DesignResponsiveInteraction Design

Also in doccker/cc-use-exp

View the repo

当设计或修改 REST API 响应结构、处理 API 返回值时触发。防止 API 设计缺陷导致的字段错位、类型歧义等问题。

Bash Style DevOps & Infrastructure

当用户操作 .sh、Dockerfile、Makefile、.yml、.yaml 文件,或在 Markdown 中编写 bash 代码块时触发。提供 Bash 编写规范。

Field Mapping Safety Code Review & Testing

当重构涉及字段映射(dataIndex、枚举映射、类型转换)时触发。防止字段名推测错误,确保字段映射的正确性。

Frontend Dev Coding

前端开发规范,包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等

Go Dev Coding

Go 开发规范,包含命名约定、错误处理、并发编程、测试规范等

Java Dev Coding

Java 开发规范,包含命名约定、异常处理、Spring Boot 最佳实践等

Ops Safety DevOps & Infrastructure

当用户执行系统级命令(sysctl、iptables、systemctl、Docker 配置、数据库 DDL)或进行服务器运维操作时触发。提供运维安全规范。

Python Dev Coding

Python 开发规范,包含 PEP 8 风格、类型注解、异常处理、测试规范等

Redis Safety Code Review & Testing

当用户操作 Redis 相关代码(go-redis、Jedis、redis-py、ioredis)时触发。提供 Redis 安全与性能规范。

当用户要求重构代码(提取组件、合并重复逻辑、重命名变量、优化结构)时触发。提供重构安全检查清单,防止丢失原始上下文。

Ruanzhu Documents & Spreadsheets

当用户执行 /ruanzhu 命令或请求生成软著源代码文档时触发。提供软著源代码 DOCX 生成规范。

Size Check Code Review & Testing

Review changed code for reuse, quality, and efficiency, then fix any issues found. Also scans project files for size limit violations.

Other Design skills

Frontend Design anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...

Algorithmic Art anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...

Prototype mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...

Design An Interface mattpocock/skills

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...

Wireframe Sketch nexu-io/open-design

A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations...

Wireframe Annotated nexu-io/open-design

An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...