GitHub
vue-composition-api
Master Vue 3 Composition API with setup, ref, reactive, computed, watch, and composables for building scalable reactive applications.
☆ 2查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
rxjs-patterns
Master RxJS in Angular with observables, operators, subjects, error handling, and reactive patterns for building responsive applications.
☆ 2查看技能
GitHub
swiftui-patterns
Master SwiftUI with declarative UI, state management, custom views, animations, and modern iOS development patterns.
☆ 2查看技能
GitHub
prototyping
Master prototyping with interactive mockups, user flows, animations, and high-fidelity prototypes for user testing.
☆ 2查看技能
GitHub
react-hooks-patterns
Master React hooks patterns including useState, useEffect, useContext, custom hooks, and advanced patterns for building scalable React applications.
☆ 2查看技能
GitHub
multi-tv-builder
Complete knowledge base for building production-ready cross-platform TV applications with React Native - supporting Android TV, Apple TV, Fire TV (Fire OS & Vega OS), and Web TV platforms with a single codebase...
☆ 2查看技能
GitHub
solidjs-solidstart-expert
Expert-level SolidJS and SolidStart development skill with 20+ years senior/lead engineer mindset. Comprehensive guidance for building production-ready, scalable web applications with fine-grained reactivity. U...
☆ 2查看技能
GitHub
react-tanstack-senior
Expertise senior/lead React developer 20 tahun dengan TanStack ecosystem (Query, Router, Table, Form, Start). Gunakan skill ini ketika: (1) Membuat aplikasi React dengan TanStack libraries, (2) Review/refactor...
☆ 2查看技能
GitHub
a11y-self-check
Proactively validates Claude Code's own generated HTML/JSX/TSX output for accessibility before presenting to users. Use this skill automatically when generating UI code to ensure WCAG 2.1 AA compliance.
☆ 2查看技能
GitHub
figma-to-react
Convert Figma designs to pixel-perfect React components with Tailwind CSS.
☆ 2查看技能
GitHub
variant-consistency-checker
[Design System] Validate UI component usage against design system specifications. Use when (1) checking component variants/sizes are valid, (2) verifying required props are present, (3) detecting deprecated com...
☆ 2查看技能
GitHub
frontend-design
[UI/UX] Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include...
☆ 2查看技能
GitHub
layout-spacing-checker
[Design System] Validate margin/padding/gap values against spacing scale and grid rules. Use when (1) checking if spacing values follow the design system scale, (2) finding off-scale or inconsistent spacing, (3...
☆ 2查看技能
GitHub
nextjs-knowledge-skill
Skill providing structured Next.js knowledge: App Router patterns, RSC usage, rendering/data strategies, and modern Next.js best practices.
☆ 2查看技能
GitHub
atomic-design-planning
Use this skill when discussing UI components, design systems, frontend implementation, or component architecture. Guides thinking about Atomic Design methodology - atoms, molecules, organisms - and promotes com...
☆ 2查看技能
GitHub
atomic-design-planning
Use this skill when discussing UI components, design systems, frontend implementation, or component architecture. Guides thinking about Atomic Design methodology - atoms, molecules, organisms - and promotes com...
☆ 2查看技能
GitHub
web-artifacts-builder
현대적인 프런트엔드 웹 기술(React, Tailwind CSS, shadcn/ui)을 사용하여 정교한 다중 컴포넌트 claude.ai용 HTML artifact를 제작하기 위한 툴킷입니다. 상태 관리, 라우팅 또는 shadcn/ui 컴포넌트가 필요한 복잡한 artifa...
☆ 2查看技能
GitHub
frontend-state-management
Your approach to handling frontend state management. Use this skill when working on files where frontend state management comes into play.
☆ 2查看技能
GitHub
component-aesthetic-checker
Validates shadcn/ui component customization depth, ensuring components aren't used with default props and checking for consistent design system implementation across Tanstack Start applications
☆ 2查看技能
GitHub
shadcn-ui-design-validator
Automatically validates frontend design patterns to prevent generic aesthetics (Inter fonts, purple gradients, minimal animations) and enforce distinctive, branded design during Tanstack Start (React) developme...
☆ 2查看技能
GitHub
animation-interaction-validator
Ensures engaging user experience through validation of animations, transitions, micro-interactions, and feedback states, preventing flat/static interfaces that lack polish and engagement. Works with Tanstack St...
☆ 2查看技能
GitHub
vue-playwright-testing
Comprehensive guide for testing Vue 3 applications with Playwright (2025). This skill should be used when writing end-to-end tests or component tests for Vue apps, testing Vue Router navigation, reactive state...
☆ 2查看技能
GitHub
vue-engineering
Comprehensive guide for Vue 3 application development using modern best practices (2025). Covers Composition API, script setup syntax, reactivity system, composables, component patterns, TypeScript integration,...
☆ 2查看技能
GitHub
bulletproof-react-auditor
Use PROACTIVELY when users ask about React project structure, Bulletproof React patterns, or need architecture guidance. Covers structure setup, codebase auditing, anti-pattern detection, and feature-based migr...
☆ 2查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。