visual-design
Apply visual design principles — typography, color, layout, imagery, and style — to create polished, coherent, and brand-aligned interfaces. Use when refining visual quality, establishing aesthetic direction, or ensuring brand consistency in product UI.
- License 许可
- MIT
- 最近更新
- 2026-07-22
- Stars
- ★ 7
- Forks
- 1
01 前言 Front Matter
- name
- visual-design
- description
- Apply visual design principles — typography, color, layout, imagery, and style — to create polished, coherent, and brand-aligned interfaces. Use when refining visual quality, establishing aesthetic direction, or ensuring brand consistency in product UI.
03 SKILL.md 正文
Visual Design
Overview
Visual design shapes how a product feels. It supports usability through hierarchy and clarity while expressing brand and emotional tone.
When to Use
- Establishing or refining visual language
- Polishing UI from functional to production-ready
- Aligning product UI with brand guidelines
- Creating marketing-adjacent product surfaces
Core Elements
- Typography scale and hierarchy
- Color system (including semantic and accessible use)
- Spacing, grid, and layout rhythm
- Iconography and imagery style
- Elevation, depth, and surfaces
- Brand expression within product constraints
Principles
- Hierarchy first — beauty that confuses is failure
- Consistency builds trust and speed
- Accessibility is part of visual quality (contrast, type size)
- Restraint often reads as more premium than excess
- Design for real content density and languages
Verification
- [ ] Visual hierarchy matches information priority
- [ ] Color and type meet accessibility baselines
- [ ] Style is coherent across key screens
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.