GitHub
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
brocoders-boilerplate-setup
Full-stack setup with Brocoders NestJS backend and Extensive React frontend boilerplates.
☆ 0查看技能
GitHub
tailwind-css
Use when implementing Tailwind CSS styling. Prefer utility-first composition and responsive patterns.
☆ 0查看技能
GitHub
tailwind-v4
Use when working on Tailwind v4. Watch for deprecated utilities and updated configuration patterns.
☆ 0查看技能
GitHub
nextjs-skills
Use for Next.js design/architecture work. Respect App Router boundaries and server/client separation.
☆ 0查看技能
GitHub
web-artifacts-builder
Use when generating or refactoring UI artifacts. Prefer modular components and consistent styling.
☆ 0查看技能
GitHub
sveltekit-svelte5-tailwind-skill
Use for SvelteKit 2 + Svelte 5 + Tailwind v4 projects. Keep SSR/client boundaries and Tailwind config consistent.
☆ 0查看技能
GitHub
neumorphism-design
Comprehensive guide and utilities for applying Neumorphism (Soft UI) to the MyAsset project.
☆ 0查看技能
GitHub
automation-design-system
Criar ou evoluir um Design System reutilizavel no frontend do app de automacao com base no artefato UI.md (tokens + HTML/CSS do Stitch). Use quando for necessario implementar tokens globais, componentizar UI (B...
☆ 0查看技能
GitHub
client
React/Vite web client with local-first architecture using Dexie for IndexedDB. Use when building UI components, implementing offline-first patterns, or working on sync logic in apps/client/.
☆ 0查看技能
GitHub
typescript-async-patterns
Use when typeScript async patterns including Promises, async/await, and async iterators with proper typing. Use when writing asynchronous TypeScript code.
☆ 0查看技能
GitHub
typescript-utility-types
Use when typeScript utility types, mapped types, and advanced type manipulation. Use when creating flexible, type-safe TypeScript code.
☆ 0查看技能
GitHub
design-system
Portfolio design tokens, CSS variables, and component patterns. Use when editing HTML, CSS, or styling portfolio pages.
☆ 0查看技能
GitHub
ux-architect
UX Flow Architect for Enterprise SaaS that reduces friction for shop owners. Use when designing user flows, improving navigation, or reviewing usability.
☆ 0查看技能
GitHub
design-system
Design System Enforcer that maintains visual consistency at scale. Use when creating UI, reviewing styles, or ensuring brand consistency.
☆ 0查看技能
GitHub
performance
Performance & React Optimization Engineer that makes the app feel instant. Use when optimizing load times, fixing re-renders, or reviewing component efficiency.
☆ 0查看技能
GitHub
convex-react-integration
Complete Convex backend integration patterns for React applications with Clerk authentication. Use this skill when setting up Convex with React, implementing CRUD operations, file uploads, rate limiting, or ext...
☆ 0查看技能
GitHub
premium-dark-ui
Premium dark glassmorphic UI design system for React applications. Use this skill when building dark-themed interfaces with glass effects, rim lighting, multi-layer cards, and polished animations. Triggers on r...
☆ 0查看技能
GitHub
react-modernization
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React...
☆ 0查看技能
GitHub
angular-migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing l...
☆ 0查看技能
GitHub
expo-modules
Guide for authoring and developing Expo modules using the Expo Modules API.
☆ 0查看技能
GitHub
heroui
Build accessible UIs using HeroUI v3 components (React + Tailwind CSS v4 + React Aria). Use when creating React interfaces, selecting UI components, implementing forms, navigation, overlays, or data display. Us...
☆ 0查看技能
GitHub
tailwind
Audit and fix Tailwind CSS anti-patterns. Enforces spacing direction (bottom-only), size-* usage, gap preference, 8px grid, and other best practices.
☆ 0查看技能
GitHub
server-sent-events
Server-Sent Events (SSE) for real-time progress updates in Next.js/Vercel. TransformStream patterns, client consumption, progress tracking.
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。