ios-messaging-design
Skill1 starsChanged 16 days agoMITView on GitHub
为消息、聊天、群组、频道和即时通信界面选择、比较并应用 16 套逆向整理的移动端设计系统,提供 framework-neutral、SwiftUI、Expo/React Native 与 Jetpack Compose 版本。用户要求设计、实现或分析 WhatsApp、Telegram、Discord、Slack、Signal、Messenger、LINE、WeChat、iMessage、Viber、Skype、Kik、GroupMe、KakaoTalk、Zalo、Threema 风格,或需要消息产品的色彩、排版、气泡、回执、动效与无障碍参考时使用。
In this repository117 other files it gives its agents.
- vercel-react-best-practices/AGENTS.mdAGENTS.md
- xhs-visual-director-skill/AGENTS.mdAGENTS.md
- mattpocock-skills/CLAUDE.mdCLAUDE.md
- about-face-4Skill
- ab-test-setupSkill
- ad-creativeSkill
- ai-seoSkill
- analytics-trackingSkill
- b2b-sales-opportunity-followupSkill
- backend-concurrency-auditSkill
- ckm:banner-designSkill
- better-colorsSkill
- brand-guidelinesSkill
- ckm:brandSkill
- churn-preventionSkill
- claude-md-optimizerSkill
- clean-architectureSkill
- coach-sales-callSkill
- code-chain-study-commentsSkill
- cold-emailSkill
- competitor-alternativesSkill
- content-strategySkill
- copy-editingSkill
- copywritingSkill
- cross-project-delivery-acceptanceSkill
- daring-design-iterationSkill
- deploy-to-vercelSkill
- ckm:designSkill
- domain-skill-factorySkill
- domain-skill-loopSkill
- email-sequenceSkill
- form-croSkill
- free-tool-strategySkill
- git-worktreeSkill
- go-backend-clean-architectureSkill
- golang-gin-apiSkill
- golang-gin-databaseSkill
- gsap-coreSkill
- gsap-frameworksSkill
- gsap-performanceSkill
- gsap-pluginsSkill
- gsap-reactSkill
- gsap-scrolltriggerSkill
- gsap-timelineSkill
- gsap-utilsSkill
- guangzhi-b2b-salesSkill
- hatch-petSkill
- hueSkill
- impeccable-redesign-orchestratorSkill
- impeccableSkill
- ip-as-logoSkill
- jc-audio-transcriberSkill
- jc-bookmarksSkill
- jc-client-howto-guideSkill
- jc-company-researchSkill
- jc-concept-deconstructSkill
- jc-daily-thought-social-publisher-v5Skill
- jc-decision-gradeSkill
- jc-design-teardownSkill
- jc-english-chunk-cardsSkill
- The first 60 shown.
The file
Files
iOS Messaging Design
把仓库中的设计文档作为按需加载的参考资料。先遵守当前项目的 AGENTS.md、CLAUDE.md、设计 Token 和组件边界。
工作流
- 明确目标界面、参考 App 和实现栈。用户未指定 App 时,先读 Messaging 索引,根据产品目标选择 1~3 个候选;用户未指定实现栈时,分析任务使用
DESIGN.md。 - 只读取所选 App 的必要文件:
DESIGN.md:框架无关的设计系统。DESIGN-swiftui.md:SwiftUI。DESIGN-expo.md:Expo / React Native。DESIGN-android.md:Jetpack Compose。README.md:该设计包的定位、标志性模式和文件导航。
- 提取与任务相关的语义角色:视觉氛围、色彩职责、排版层级、组件状态、布局、层级、动效、触感、响应式与无障碍。
- 将参考角色映射到当前项目已有 Token 和组件。项目禁止原始色值时,不把资料中的 hex 直接写入业务代码;先完成 Token 映射或沿用现有语义 Token。
- 实现后检查亮色/暗色、Dynamic Type、触控目标、键盘与安全区、加载/发送/失败/已读等状态。只在用户明确要求且项目规则允许时做像素级复刻。
- 交付时说明使用了哪些参考文件、哪些细节被采用,以及哪些细节因项目规范、品牌或平台约束而调整。
使用边界
- 这些文档是第三方逆向整理的设计参考,不能表述成相关品牌的官方规范或当前产品事实。
- 不复制未经授权的商标、Logo、专有插画或品牌素材;优先迁移交互模式与语义结构。
- 广泛比较时先用分类索引建立维度,再按需读具体文档,避免一次加载全部 16 套资料。
- 需要确认最新 Apple HIG、平台 API 或品牌现状时,另外查阅对应官方一手资料。
上游快照
- 仓库:
https://github.com/meliwat/awesome-ios-design-md - 分支:
main - 提交:
5d3aeca239caef3ea4080034eb22ab87cc77fa24 - 范围:
design-md/messaging/ - 许可证:MIT
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

