aladicf
33 skills with substantive source documentation and an official publisher or observed installation demand. Read each skill’s original documentation through its card.
aladicfoptimize
Diagnose and fix UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
- 導入数
- 2
- GitHub Stars
- 44
- 更新日
- 5月21日
aladicfpolish
Perform a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the work is functionally complete and needs finishing touches—not when the hierarchy, structure, tone, or technical foundation still need major changes.
- 導入数
- 2
- GitHub Stars
- 44
- 更新日
- 5月21日
aladicfquieter
Reduce visual intensity, saturation, and noise while preserving hierarchy and character. Use when the structure is basically sound but the design feels too loud, bold, garish, aggressive, or overstimulating—not when the real problem is structural clutter, too many features, or not enough personality.
- 導入数
- 2
- GitHub Stars
- 44
- 更新日
- 5月21日
aladicfsearch
Design or improve search experiences, result presentation, and filtering interfaces. Use when the user asks to add search, redesign search results, improve findability, build autocomplete, add filters, or fix zero-results dead ends.
- 導入数
- 2
- GitHub Stars
- 44
- 更新日
- 5月21日
aladicfsecurity-ux
Design security-conscious interfaces that protect users without frustrating them. Use when the user asks about MFA, password UX, breach notifications, trust indicators, secure forms, account recovery, or making security feel safe rather than scary.
- 導入数
- 2
- GitHub Stars
- 44
- 更新日
- 5月21日
aladicfsetup
Gather and persist project design context such as audience, brand personality, UX goals, and implementation defaults for future better-web-ui work. Use when starting a project, defining UI direction, or establishing reusable design guidance before other better-web-ui skills.
- 導入数
- 2
- GitHub Stars
- 44
- 更新日
- 5月21日
aladicfshowcase
Create standout, technically ambitious interfaces that feel extraordinary through cinematic transitions, advanced motion, heavy rendering, or other high-ambition implementation work. Use when the user wants to wow, impress, go all-out, or push a feature beyond conventional UI polish—not when simple visual confidence or routine cleanup is enough.
- 導入数
- 2
- GitHub Stars
- 44
- 更新日
- 5月21日
aladicftest
Build or improve a UI testing strategy covering visual regression, interaction testing, and accessibility assertions. Use when the user asks to add tests, set up testing, fix flaky tests, improve test coverage, validate UI behavior, catch visual bugs, or establish confidence in shipping frontend changes.
- 導入数
- 2
- GitHub Stars
- 44
- 更新日
- 5月21日
aladicftypeset
Improve UI typography by fixing font choices, type scale, hierarchy, weight, and readability so text feels intentional. Use when the user mentions fonts, typography, type scale, readability, text hierarchy, or sizing that feels off.
- 導入数
- 2
- GitHub Stars
- 44
- 更新日
- 5月21日