akarachen/aghub
26 skills
$npx skills add akarachen/aghubSkillInstalls
adaptAdapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets.animateReview a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.arrangeImprove layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy.auditRun technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns.bolderAmplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.clarifyImprove unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand.colorizeAdd strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive.critiqueEvaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with…delightAdd moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.distillStrip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.extractExtract and consolidate reusable components, design tokens, and patterns into your design system.frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.hardenImprove interface resilience through better error handling, i18n support, text overflow handling, and edge case management.heroui-reactHeroUI v3 React component library (Tailwind CSS v4 + React Aria).improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute.init-deepGenerate hierarchical AGENTS.md and ensure paired CLAUDE.md files for codebases. Creates root AGENTS.md + CLAUDE.md plus complexity-scored subdirectory files.normalizeAudits and realigns UI to match design system standards, spacing, tokens, and patterns.onboardDesigns and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly.optimizeDiagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size.overdrivePushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations.polishPerforms a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping.project-form-patternsForm implementation guidance for the aghub desktop app. Use when building or refactoring forms in `crates/desktop/src`, especially HeroUI v3 + React forms, RHF…quieterTones down visually aggressive or overstimulating designs, reducing intensity while preserving quality.teach-impeccableOne-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.typesetImproves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional.vercel-react-best-practicesVercel React Best Practices