zaui-ui-builder
Builds UI for Zalo Mini App using zmp-ui (ZaUI) components. Use when asked to create pages, components, forms, modals, or any UI for ZMP projects.
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Builds UI for Zalo Mini App using zmp-ui (ZaUI) components. Use when asked to create pages, components, forms, modals, or any UI for ZMP projects.
Only code in HTML/Tailwind in a single code block.
Creates distinctive, production-grade frontend interfaces with high design quality. Use when building UI components, pages, blog elements, or MDX content. Generates creative, polished code that avoids generic A...
PRIMARY expert for ALL Nuxt and Vue frontend tasks. ALWAYS use this skill when working with Nuxt 4, Vue components, Nuxt UI, frontend pages, or files in app/components/, app/composables/, app/pages/, app/interf...
Expert skill for Next.js 16 frontend development with React, TypeScript, and TailwindCSS. Use when building UI components, implementing hooks, or debugging frontend issues.
UI Skills - Tailwind CSS/motion/react特化のエージェント向けUI構築制約
Transforms app ideas into shippable MVPs using Next.js + Supabase. Enforces ship-fast philosophy, prevents feature creep, generates PRDs and Claude Code starter prompts. Maximum 1-week builds focused on core us...
Ensures every UI component looks modern and professional. Enforces clean minimal design, neutral color palettes, consistent spacing (8px grid), clear typography hierarchy, and proper interactive states. No grad...
React 19 및 Next.js 16 패턴을 적용하는 스킬
Zustand 4 state management patterns for MiGestion. Trigger: When creating Zustand stores for state management.
React 18 component patterns and best practices. Trigger: When writing React 18 components/hooks in .tsx (components, hooks, context, memo, useRef, etc.).
Tailwind CSS patterns and MiGestion design system. Trigger: When styling components with Tailwind CSS.
Frontend patterns for MiGestion Web - React, Vite, Zustand, design system. Trigger: When working on Web code (components, pages, stores, services).
Modern React component patterns with hooks, composition, and TypeScript
Next.js 14+ App Router patterns, server components, and data fetching
Tailwind CSS v4 patterns, component styling, and responsive design
Next.js App Routerでページとコンポーネントを作成。新規ページ、Server Component、Client Component作成時に使用。
Use this when adding/updating shadcn/ui components or blocks in this monorepo (Tailwind v4, shared UI package, CSS variable theming).
Opinionated constraints for building better interfaces with agents. Apply when writing UI code, implementing designs, or reviewing frontend components. Use within DevDocs workflow during development phase for U...
React Native mobile development patterns for authentication, platform-specific issues, navigation, and SDK integration. Use when debugging React Native apps, fixing iOS/Android issues, handling auth flows, or i...
Build distinctive, production-grade frontend interfaces with a strong aesthetic point of view and real working code.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Base UI component library reference for building accessible, unstyled React interfaces. Use when implementing UI components with @base-ui/react, need component API references, or want styling/composition guidan...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.