com.kernary.aoe/frontend-design
Domain package with 47 compiled Units.
Unit counts by external type
| Kind | Count |
|---|---|
| fact | 40 |
| collection | 6 |
| tool | 1 |
Sample Units
Accessible Frontend
A comprehensive skill for reviewing any frontend artifact for accessibility compliance (WCAG 2.2 AA) and design quality (Nielsen heuristics).…
Accessible Modal
A complete bundle of atoms required to ship an accessible modal dialog. A modal is the most-failed accessible widget in production frontends — it requires focus management, keyboard handling, ARIA semantics, scroll conta…
Fintech Compliance Ui
A bundle of atoms for building financial-product UI surfaces that meet regulatory and trust expectations: number display formatting, secure input handling, audit-trail visibility, and clear status communication.…
I18n Ready Component
Atoms required to ship a component that works correctly in all locales — LTR + RTL, single + plural, English + CJK + Arabic.…
Performance Budget
Atoms required to set up and enforce a Core Web Vitals performance budget across CI and production. Combines synthetic Lighthouse gates, RUM telemetry via web-vitals.…
Rest Api Discipline
Atoms required to design, ship, and evolve a REST API that survives migration, scales beyond 10K rows per collection, and stays compatible with API gateways, SDK generators, and CDN caches.…
8pt Grid System
Aligning all spacing values to multiples of 8 px (with 4 px as the half-step) yields cross-device pixel-grid alignment for the major device pixel densities (1×, 1.…
Animation Distraction Cost
Peripheral / off-axis animation playing while a user is reading prose reduces reading speed by roughly 38% and lowers comprehension scores, because the human visual system's motion-detection pathway involuntarily command…
Anthropic Brand Palette
Anthropic's official brand palette is: two neutral anchors (Dark #141413, Light #faf9f5), two grays (Mid Gray #b0aea5, Light Gray #e8e6dc), and three accents (Orange #d97757, Blue #6a9bcc, Green #788c5d).…
Atomic Design Method
A UI component system can be modelled as five compositional levels: Atoms (irreducible HTML elements like input, label, button), Molecules (small functional groups like a labeled input), Organisms (composite regions like…
Card Sort Method
Card sorting is a participatory IA research method in which 15–30 participants group labelled content cards into categories — open card sorts (participants name the categories) reveal mental models for greenfield IA, whi…
Color Blindness Types
Roughly 8% of men of Northern European descent and 0.5% of women have a color vision deficiency — broken into protanopia / protanomaly (red-perception, ~1% men), deuteranopia / deuteranomaly (green-perception, ~6% men, t…