GitHub
maplibre-react
MapLibre GL JS integration with React for tactical map displays. Covers map initialization, GeoJSON sources, clustering, custom layers, and incident markers. Use when working on map components or spatial visual...
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
nextjs-app-router
Next.js 14+ App Router patterns including route handlers, server components, client components, SSE streaming, and API design. Use when creating pages, API routes, or working with Next.js-specific features.
☆ 0查看技能
GitHub
nuxt-patterns
Nuxt development patterns - validation, error handling, code organization, state management
☆ 0查看技能
GitHub
frontend-design
Creates distinctive, production-grade UI with CSS, Tailwind, and modern styling. Use when working on frontend design, UI, UX, styling, CSS, layout, animation, typography, colors, themes, dark mode, or when aske...
☆ 0查看技能
GitHub
frontend-designer
Convert UI/UX designs (mockups, wireframes, screenshots) into technical specs, component architectures, and implementation guides. Use for design analysis, design system extraction, component specifications, an...
☆ 0查看技能
GitHub
tailwindcss
Tailwind CSS utility-first styling patterns. Use when styling components, building layouts, or customizing design for the Todo frontend.
☆ 0查看技能
GitHub
nextjs
Next.js 16+ App Router patterns and best practices. Use when building pages, components, or configuring Next.js application for the Todo frontend.
☆ 0查看技能
GitHub
better-auth
Better Auth authentication framework patterns for Next.js. Use when implementing user authentication, JWT tokens, session management, or OAuth integration for the Todo frontend.
☆ 0查看技能
GitHub
responsive-patterns
Implement mobile-first responsive design patterns for all screen sizes. Use when building layouts that need to work across desktop, tablet, and mobile devices.
☆ 0查看技能
GitHub
component-validator
Validates components after implementation - TypeScript, Design Tokens, Responsive, Accessibility, Animation Performance. Use proactively after each section implementation.
☆ 0查看技能
GitHub
nextjs-patterns
Next.js 15 best practices including App Router, Server Components, caching, and performance patterns. Use when building Next.js applications with modern patterns.
☆ 0查看技能
GitHub
animation-library
Implement modern, performance-conscious animations using Framer Motion, CSS, and scroll-triggered effects. Use when adding page transitions, hover effects, scroll animations, or micro-interactions to websites.
☆ 0查看技能
GitHub
frontend-design-v2
Extended frontend design guidelines with comprehensive mobile responsiveness and cross-element styling consistency. Use alongside /frontend-design for production-grade, mobile-first interfaces.
☆ 0查看技能
GitHub
frontend-design-complete
Create distinctive, production-grade frontend interfaces with high design quality AND comprehensive mobile responsiveness. Combines aesthetic guidelines with mobile-first patterns, form consistency, and color c...
☆ 0查看技能
GitHub
svelte
Modern Svelte development for reactive web apps. Use when building Svelte components, managing state with stores, implementing real-time updates via WebSocket, or migrating from vanilla JS. Covers SvelteKit, Ty...
☆ 0查看技能
GitHub
design-system
Design guidelines for distinctive UI. Auto-loads when building components, styling interfaces, or making design decisions.
☆ 0查看技能
GitHub
frontend
React 18, TypeScript, shadcn/ui patterns for Pulse Radar frontend development.
☆ 0查看技能
GitHub
calendar
Calendar canvas for displaying events and picking meeting times. Use when showing calendar views or when users need to select available time slots.
☆ 0查看技能
GitHub
document
Document canvas for displaying and editing markdown content. Use when showing documents, emails, or when users need to select text for editing.
☆ 0查看技能
GitHub
fullstory-stable-selectors
Framework-agnostic guide for implementing stable, semantic selectors in any web application. Solves the dynamic class name problem caused by CSS-in-JS, CSS Modules, and build tools. Includes patterns for React,...
☆ 0查看技能
GitHub
design-principles
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimal...
☆ 0查看技能
GitHub
component-hierarchy
Guide component selection in ResRequest Vue projects. Ensures correct usage of ShadCN-Vue vs custom components, proper imports, and design system compliance. Activates when creating or modifying Vue components.
☆ 0查看技能
GitHub
inertia-patterns
Enforce Inertia.js patterns in Vue components. Prevents axios usage, ensures proper form handling, and guides navigation patterns. Activates when working with data fetching, form submissions, or page navigation...
☆ 0查看技能
GitHub
vilt-coding-standards
Apply VILT stack coding standards when writing Vue, Laravel, or TypeScript code. Automatically enforces patterns for Composition API, Form Requests, Inertia navigation, and component hierarchy. Activates when c...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。