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.
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
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...
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
GitHub
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
☆ 0查看技能
GitHub
frontend-impl
Activate this skill when: - Implementing Dashboard.tsx - Following design_brief.md - Writing React/TypeScript code - Integrating with Living Apps API
☆ 0查看技能
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.
☆ 0查看技能
GitHub
shadcnui-patterns
Build polished, accessible UI with shadcn/ui components following FrankX design system
☆ 0查看技能
GitHub
perigon-angular
Angular 21+ standalone/Material/signal conventions for Perigon WebApp
☆ 0查看技能
GitHub
react-ui-best-practices
React UI 组件开发最佳实践。用于创建、审查或优化 React 组件，确保代码质量、性能和可维护性。
☆ 0查看技能
GitHub
css
Tailwind、Bootstrap、SCSS 等 CSS 方案指南
☆ 0查看技能
GitHub
react-best-practices
React 开发最佳实践指南，涵盖组件设计、Hooks 使用、状态管理及性能优化。
☆ 0查看技能
GitHub
vue2-best-practices
Vue 2 维护与开发最佳实践指南，涵盖 Options API, Vuex 及向 Vue 3 迁移的准备。
☆ 0查看技能
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.
☆ 0查看技能
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).
☆ 0查看技能
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.
☆ 0查看技能
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.
☆ 0查看技能
GitHub
develop-frontend
Next.js/Reactによるフロントエンド実装スキル（UI、API連携、状態管理、テスト）
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
GitHub
accessibility-checker
检查 UI 组件的可访问性（a11y）。用于审查和改进网页可访问性，确保符合 WCAG 标准。
☆ 0查看技能
GitHub
zustand-5
Zustand 5 state management patterns. Trigger: When implementing client-side state with Zustand (stores, selectors, persist middleware, slices).
☆ 0查看技能
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...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。