Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Build distinctive, production-grade frontend interfaces with memorable aesthetics. Use when creating web components, pages, or applications. Prioritizes creative, context-specific design over generic patterns.
Implement and manage internationalization (i18n) for the LucidData Next.js application using next-intl. Use when adding multi-language support, creating translation files, configuring locale routing, or adaptin...
Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creating forms, dialogs, tables, sidebars, or any UI components. Covers installation, component patterns, react-hook-form + Zod val...
Creating Vue 3 components following project conventions and script order. Use when building new components, refactoring existing ones, or reviewing component code for convention compliance.
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
Activate this skill when: - Implementing Dashboard.tsx - Following design_brief.md - Writing React/TypeScript code - Integrating with Living Apps API
Zustand state management patterns for React. Use when working with Zustand stores, debugging state timing issues, or implementing async actions. Works for both React web and React Native.
Build polished, accessible UI with shadcn/ui components following FrankX design system
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
React UI 组件开发最佳实践。用于创建、审查或优化 React 组件，确保代码质量、性能和可维护性。
Tailwind、Bootstrap、SCSS 等 CSS 方案指南
React 开发最佳实践指南，涵盖组件设计、Hooks 使用、状态管理及性能优化。
Vue 2 维护与开发最佳实践指南，涵盖 Options API, Vuex 及向 Vue 3 迁移的准备。
Testing patterns for React Native with Jest and React Native Testing Library. Use when writing tests, mocking Expo modules, testing Zustand stores, or debugging test failures.
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind (className, variants, cn()), especially when dynamic styling or CSS variables are involved (no var() in className).
Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or generating landing pages.
Next.js 15 App Router patterns. Trigger: When working in Next.js App Router (app/), Server Components vs Client Components, Server Actions, Route Handlers, caching/revalidation, and streaming/Suspense.
Next.js/Reactによるフロントエンド実装スキル（UI、API連携、状態管理、テスト）
Understanding viya-app project structure and where to find things. Use when exploring the codebase, finding files, navigating components, or understanding how the Vue.js application is organized.
Use when building interactive widgets, custom data displays, or configurable site components with settings panels. Triggers include widget, custom element, interactive component, countdown timer, calculator, sh...
Zustand state management patterns for React Native. Use when working with Zustand stores, debugging state timing issues, or implementing async actions in Zustand.
检查 UI 组件的可访问性（a11y）。用于审查和改进网页可访问性，确保符合 WCAG 标准。
Zustand 5 state management patterns. Trigger: When implementing client-side state with Zustand (stores, selectors, persist middleware, slices).
Use when adding tracking code, advertising pixels, third-party integrations, custom popups, or client-side JavaScript to sites. Triggers include embed, inject, tracking, analytics, pixel, popup, modal, chat wid...
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.