ui-design
Design clear, usable, and visually coherent user interfaces that support user goals and product quality. Use when creating or refining screens, layouts, component compositions, or visual hierarchy in digital products.
- License 许可
- MIT
- 最近更新
- 2026-07-22
- Stars
- ★ 7
- Forks
- 1
01 前言 Front Matter
- name
- ui-design
- description
- Design clear, usable, and visually coherent user interfaces that support user goals and product quality. Use when creating or refining screens, layouts, component compositions, or visual hierarchy in digital products.
03 SKILL.md 正文
UI Design
Overview
UI design turns requirements and flows into interfaces people can understand and use. Strong UI balances clarity, consistency, aesthetics, and efficiency.
When to Use
- Designing new screens or features
- Improving existing interface quality
- Applying or extending a design system
- Preparing high-fidelity mockups for handoff
Core Practices
- Establish clear visual hierarchy
- Use layout, spacing, and alignment deliberately
- Maintain consistency with the design system
- Design for the primary tasks first
- Consider states (empty, loading, error, success)
- Ensure interactive elements are obvious and accessible
Principles
- Clarity over decoration
- Reduce cognitive load — don’t make users think unnecessarily
- Design for real content, not perfect placeholder text
- Support scanning; most users don’t read every word
- Align with platform conventions unless breaking them adds clear value
Verification
- [ ] Primary actions are obvious
- [ ] Hierarchy guides the eye to what matters
- [ ] States and edge cases are designed, not only the happy path
04 同仓库更多 Skills
compliance-monitoring
Design compliance monitoring and testing programs that verify controls work in practice and surface issues before regulators do. Use when building monitoring plans, compliance testing, or continuous control monitoring.
complaints-handling
Operate complaints-handling processes that meet regulatory standards — logging, timely resolution, root-cause analysis, and fair outcomes. Use when designing or improving regulated complaints frameworks or analyzing complaint themes for conduct risk.
aml-kyc-basics
Apply AML/KYC fundamentals — customer due diligence, monitoring, suspicious activity escalation, and recordkeeping — for financial crime compliance. Use when designing onboarding controls, transaction monitoring concepts, or AML program components in financial services.
ai-model-compliance
Apply compliance controls to AI and automated decision systems — transparency, fairness, human oversight, documentation, and regulatory alignment. Use when deploying AI in regulated processes (credit, fraud, customer decisions) or responding to AI governance expectations.
data-quality-management
Manage data quality end-to-end — dimensions, rules, remediation, and prevention — beyond one-off cleaning scripts. Use when building sustained data quality programs or fixing systemic accuracy, completeness, or consistency problems.
data-lineage
Capture and use data lineage — where data comes from, how it transforms, and what depends on it — for impact analysis, debugging, and trust. Use when tracing metric origins, assessing change impact, or diagnosing broken pipelines.