{"enrichment":{"faq":[{"a":"Design-better applies designer-quality craft heuristics to your code, focusing on visual hierarchy, interaction states, and accessibility. It draws from Nielsen Norman principles, Laws of UX, and WCAG standards to elevate interfaces beyond merely functional\u2014ensuring your frontend has polish, intentional motion, and professional-grade interaction patterns that feel intentional rather than generic.","q":"How does design-better help me make my frontend feel more designed?"},{"a":"Yes. Design-better specializes in reviewing and refactoring UI to strengthen visual hierarchy, contrast, and information architecture. It flags missing patterns, suggests interaction state improvements, and ensures empty states, forms, and motion align with established design heuristics\u2014transforming layouts that feel flat into experiences with clear focal points and user guidance.","q":"Can design-better help refactor UI for better visual hierarchy?"},{"a":"Design-better references your design tokens and flags missing patterns for your design system. It bridges the gap between token definitions and implementation, ensuring color, spacing, typography, and component choices stay consistent while identifying gaps where new tokens or patterns should be added to strengthen your system's coverage.","q":"What design system support does design-better provide?"},{"a":"Design-better embeds Laws of UX and Nielsen Norman heuristics directly into code generation and review. When you build or refactor components, it applies principles like consistency, feedback, error prevention, and recognition over recall\u2014plus accessibility best practices and AI-product UI patterns\u2014so craft decisions aren't left to chance.","q":"How do I apply UX best practices to my code with design-better?"},{"a":"Yes. Design-better reviews forms, empty states, motion, and interaction design patterns as core concerns. It ensures state transitions feel responsive, disabled and hover states are clear, loading patterns guide users, and motion serves purpose rather than distraction\u2014all aligned with accessibility and craft heuristics.","q":"Does design-better cover interaction design and motion?"},{"a":"Design-better is released under the MIT license, allowing free use, modification, and distribution in both open-source and commercial projects with minimal restrictions.","q":"What license does design-better use?"}],"shadow_tags":["craft-layer","heuristics-driven","interaction-design","accessibility-first","motion-easing","cognitive-load","form-patterns","state-management","visual-hierarchy","ai-product-ui"],"summary_rewrite":"Design Better applies timeless UX/UI craft heuristics\u2014drawn from Nielsen Norman, Laws of UX, WCAG, and modern AI-product patterns\u2014to separate polished interfaces from merely functional code. It pairs with your design system tokens for visual decisions while owning hierarchy, interaction, accessibility, and motion craft. Use it when building or refactoring UI and want design best practices baked into code generation and review."},"files":[{"bytes":23524,"path":"skills/design-better/SKILL.md","sha256":"c0ef36c9f2eef6543564408b3a96888a56021251f7a0e1cbe8a96861c8d98b54","url":"https://skillfed.io/files/BuildGreatProducts/builder-os/design-better/9842ed50/SKILL.md"}],"id":"BuildGreatProducts/builder-os/design-better","links":{"html":"https://skillfed.io/BuildGreatProducts/builder-os/design-better","md":"https://skillfed.io/BuildGreatProducts/builder-os/design-better.md","repo":"https://github.com/BuildGreatProducts/builder-os"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":31,"language":null,"last_updated":"2026-07-07","license":"MIT","name":"design-better","publisher":"BuildGreatProducts","stars":168},"relations":{"similar":[{"id":"syahiidkamil/Software-Engineer-AI-Agent-Atlas/super-ui-ux-design"},{"id":"nWave-ai/nWave/nw-ux-principles"},{"id":"majiayu000/spellbook/product-ux-expert"},{"id":"wondelai/skills/ux-heuristics"},{"id":"pedronauck/skills/ui-craft"},{"id":"mastepanoski/claude-skills/nielsen-heuristics-audit"},{"id":"vasilyu1983/AI-Agents-public/software-ui-ux-design"},{"id":"connorads/dotfiles/holistic-ux"},{"id":"joewinke/jat/impeccable"},{"id":"educlopez/ui-craft/heuristic"}]},"slug":{"owner":"BuildGreatProducts","repo":"builder-os","skill":"design-better"},"version":"9842ed50"}