Skills
.Work. You
Rest

flash-im-ui-style

Community

统一闪讯 IM 的 Flutter UI 风格与体验

Design & Creative#design#ui#consistency#components#flutter#style-guide
Authortoly1994328
Version1.0.0
Installs0

System Documentation

What problem does it solve?

闪讯 IM 的 Flutter UI 在跨模块中缺乏统一的风格，导致视觉不一致和重复设计。本文技能提供完整的 UI 风格规范，帮助团队在新页面和组件中快速应用一致的视觉语言。

Core Features & Use Cases

  • 颜色调色板、AppBar 样式、列表项、头像、搜索栏、对话框等组件的统一设计规范，确保跨模块的一致性与可维护性。
  • 提供具体的使用场景示例，例如在群聊、联系人、设置页等常见界面中应用相同的控件风格和交互。
  • 通过设计令牌和可复用组件模板，降低重复设计成本并提升 UI 的可扩展性。

Quick Start

在 Flutter 项目中新建页面时应用本技能中的 UI 风格规范以确保视觉一致性。

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: flash-im-ui-style
Download link: https://github.com/toly1994328/flash_im_by_ai/archive/main.zip#flash-im-ui-style

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 510,000+ vetted skills library on demand.