Ibelick 界面技能合集
改进界面质量、无障碍、元数据和动效。
Ibelick 的设计工程库提供界面基线、专项修复、设计文档与界面改进指导。
适用场景
- 审查并修复界面无障碍问题
- 改进动效、元数据和视觉一致性
使用方法
通过上游命令行或 MCP 注册表查找技能，并提供相关界面代码、目标平台和待改善行为。
Skills
baseline-ui
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
ibelick/ui-skillscreate-design-md
Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product source or promote accidental implementation patterns into design decisions.
ibelick/ui-skillsfixing-accessibility
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
ibelick/ui-skillsfixing-metadata
Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.
ibelick/ui-skillsfixing-motion-performance
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
ibelick/ui-skillsimprove-ui
Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without replacing its identity; investigate design-system drift; or prepare a design handoff.
ibelick/ui-skillsui-skills-root
Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.
ibelick/ui-skills