perigon-angular
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
探索开发、内容、数据与办公效率等 AI 技能。先比较用途和仓库热度,再查看技能说明与来源。
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...
Use when implementing web animations, timeline sequencing, scroll-triggered animations, SVG animations, layout transitions, or using GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, Moti...
Use when building admin interfaces, management pages, CRUD operations, or dashboard configuration UIs. Triggers include dashboard, admin panel, data management, tables, forms, settings pages, CMS interface, mod...
iOS/Android haptic feedback guidelines for mobile-first PWA. This skill should be used automatically when creating or modifying interactive UI components, buttons, toggles, sliders, tabs, or any user-triggered...
Frontend development guidelines for Next.js + React 19 + shadcn/ui applications. Modern patterns including App Router, Server Components, Client Components, Server Actions, shadcn/ui with Tailwind CSS, React Ho...
Frontend coding standards, component patterns, and design system for the Guessimate Angular UI. Reference when writing or reviewing frontend code.
Create and review React components following strict TypeScript patterns, container/presenter architecture, and composition-first design. Use when asked to: (1) Create a React component, (2) Review a React compo...
React 19 patterns with React Compiler. Trigger: When writing React 19 components/hooks in .tsx (React Compiler rules, hook patterns, refs as props). If using Next.js App Router/Server Actions, also use nextjs-1...
Frontend testing patterns for MuebleriaIris UI components. Trigger: When writing tests for Astro pages or React components.
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。