Create themed, localized UI components, sections, and pages for the daycare website.
npx skills add https://github.com/williamjxj/friendshipdaycare --skill daycare-ui
Please help me install this Agent Skill. Skill: daycare-ui Source: https://github.com/williamjxj/friendshipdaycare/tree/main/.github/skills/daycare-ui Command: npx skills add https://github.com/williamjxj/friendshipdaycare --skill daycare-ui
This skill helps teams rapidly build and recreate UI components, sections, and pages for the Friendship Corner Daycare website with consistent theming, internationalization, and responsive design.
Create a new testimonials section for the daycare site following the daycare UI patterns and apply all 5 themes and translations.
High-intent search queries and answers about installing and using this skill.
You build a daycare website with multi-theme UI components using a centralized design system that enforces CSS variable theming across five themes: Professional, Nature, Playful, Dark, and Violet, ensuring consistent visual output.
The best way to add internationalization to a daycare website is by applying i18n keys within modular components to support five languages (en, zh, fr, es, ko) automatically during page creation and recreation.
You create responsive UI sections with Framer Motion animations by using predefined templates for sections and pages that enforce design-system usage, automatically scaffolding the required animation logic and responsive styles.
Yes, you can scaffold SEO-ready pages and metadata for a childcare site because the UI development process includes automatic metadata scaffolding for pages, ensuring all generated sections are optimized for search engines.
Yes, this UI approach supports recreating existing sections across multiple themes by extending components through a centralized design system and tokens, automatically applying the five themes and five languages to the recreated elements.
The limitation of using a centralized design system for daycare UI is that all components, sections, and pages must strictly conform to the enforced design tokens and CSS variable theming, restricting custom styles outside the five predefined themes.
tillysosoStandardize frontend visuals with Tailwind-based design tokens, theming, and shadcn/ui component primitives.
lobehubManage react-i18next translations and locale data in React applications.
dylantarreMap Disney's 12 animation principles to UI motion guidelines.
bomberoxenviosdosruedasDevelop custom themes, plugins, and modules for Drupal and WordPress CMS platforms.
