childrentime/reactuse
26 skills
$npx skills add childrentime/reactuseSkillInstalls
adaptAdapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.animateReview a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.auditPerform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design.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. Makes interfaces easier to understand and use.colorizeAdd strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.critiqueEvaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design 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.hardenImprove interface resilience through better error handling, i18n support, text overflow handling, and edge case management.hook-docsWrite the Astro .mdx documentation for a hook (English + zh-Hans + zh-Hant), following the website-astro content schema and live-demo convention, then…hook-testWrite and run jest tests for a hook in @reactuses/core, following the repo's conventions (co-located index.spec.ts, renderHook/act, fake timers, the .test/…new-hookScaffold a new React hook in @reactuses/core with the repo's real conventions (interface.ts + multilingual JSDoc, SSR-safe browser access, shared-util reuse,…normalizeNormalize design to match your design system and ensure consistencyonboardDesign or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.optimizeImprove interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.ping-indexnow通过 IndexNow 协议主动通知 Bing / Copilot / Yandex / Naver 重新抓取一批 URL。当用户说"ping indexnow"、"通知索引"、"提交到 indexnow"、"通知必应"，或在写完一篇博客后请求"通知搜索引擎更新"时触发；也用于一次性把全站推到…polishFinal quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.pr-descriptionGenerate a commit message or PR description for ReactUse in the repo's conventional-commit style, derived from the actual git diff.publish-hashnode把博客文章发布到 Hashnode (reactuse.hashnode.dev)，canonical URL 指回 reactuse.com。默认走 opencli 浏览器自动化（GraphQL API 已转付费）。当用户说"发到 hashnode"、"推送 hashnode"、"cross-post to…publish-juejin把博客文章发布到掘金（juejin.cn），通过 opencli 浏览器自动化。掘金编辑器是 ByteMD（CodeMirror 内核的 markdown 编辑器），直接吃 markdown，比 Medium 好搞。发的是简体中文版（juejin.md）。当用户说"发到掘金"、"推送掘金"、"publish to…publish-medium把博客文章发布到 Medium（@wul55267），通过 opencli 浏览器自动化。Medium 编辑器是富文本，不吃裸 markdown，所以用 pandoc 把正文转 HTML，再模拟一次 paste 事件灌进去。当用户说"发到 medium"、"推送 medium"、"publish to…quieterTone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.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.