GitHub
designing-frontend
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.
Skills IA tools frontend
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
Catégories: tools frontend
tools frontend Effacer les filtres
Explorer
GitHub
nextjs-i18n
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...
GitHub
styling-with-shadcn
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...
GitHub
vue-component
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.
GitHub
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
GitHub
frontend-impl
Activate this skill when: - Implementing Dashboard.tsx - Following design_brief.md - Writing React/TypeScript code - Integrating with Living Apps API
GitHub
react-zustand-patterns
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.
GitHub
shadcnui-patterns
Build polished, accessible UI with shadcn/ui components following FrankX design system
GitHub
perigon-angular
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
GitHub
react-ui-best-practices
React UI 组件开发最佳实践。用于创建、审查或优化 React 组件，确保代码质量、性能和可维护性。
GitHub
css
Tailwind、Bootstrap、SCSS 等 CSS 方案指南
GitHub
react-best-practices
React 开发最佳实践指南，涵盖组件设计、Hooks 使用、状态管理及性能优化。
GitHub
vue2-best-practices
Vue 2 维护与开发最佳实践指南，涵盖 Options API, Vuex 及向 Vue 3 迁移的准备。
GitHub
rn-testing
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.
GitHub
tailwind-4
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).
GitHub
ui-handler
Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or generating landing pages.
GitHub
nextjs-15
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.
GitHub
develop-frontend
Next.js/Reactによるフロントエンド実装スキル（UI、API連携、状態管理、テスト）
GitHub
viya-app-structure
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.
GitHub
wix-cli-site-widget
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...
GitHub
rn-zustand-patterns
Zustand state management patterns for React Native. Use when working with Zustand stores, debugging state timing issues, or implementing async actions in Zustand.
GitHub
accessibility-checker
检查 UI 组件的可访问性（a11y）。用于审查和改进网页可访问性，确保符合 WCAG 标准。
GitHub
zustand-5
Zustand 5 state management patterns. Trigger: When implementing client-side state with Zustand (stores, selectors, persist middleware, slices).
GitHub
wix-cli-embedded-script
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...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.