Skills
.Work. You
Rest

frontend_design_expert

Community

Stunning, accessible UI/UX modular components.

Design & Creative#accessibility#ui-ux#design-system#color-palette#frontend-design#componentization
AuthorCyangZhou
Version1.0.0
Installs0

System Documentation

What problem does it solve?

构建现代化的 UI/UX 设计，编写 Flutter/React 组件，配色方案与无障碍设计的执行方法，帮助设计师和开发者快速落地一致性高的界面。

Core Features & Use Cases

  • Visual-first rules: 先描述视觉效果（配色、间距、动效），再实现组件。
  • Component-driven workflow: 拆分成可复用的 Flutter/React 组件，符合设计系统。
  • Accessibility & responsive: 支持深色模式、对比度、屏幕阅读器友好，以及响应式布局的场景。

Quick Start

提供一个针对现有界面的可快速执行的起始任务，例如描述一个登录页的外观和行为，确保无障碍友好。

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend_design_expert
Download link: https://github.com/CyangZhou/-2--Project-Yunshu-/archive/main.zip#frontend-design-expert

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.