End-to-end testing patterns with Playwright for full-stack Python/React applications. Use when writing E2E tests for complete user workflows (login, CRUD,…
Updated 2026-09-19 07:31:02 +08:00
echarts: You MUST use this when building, styling, debugging, or optimizing Apache ECharts charts in JavaScript, React, or Vue - setup, lifecycle, responsive resizing,…; web-debug: You MUST use this when interacting with or testing local web applications with Playwright - verifying frontend functionality, debugging UI behavior, capturing…; typescript: You MUST use this when configuring tsconfig, resolving compiler errors, debugging slow type-checking, fixing module resolution or ESM/CJS issues,…
Updated 2026-09-19 07:12:05 +08:00
shadcn-ui: Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with…; tailwind-theme-builder: Set up Tailwind v4 + shadcn/ui themed UI with dark mode. Install deps, configure CSS variables via @theme inline, wire dark mode toggle, verify. Use whenever…; color-palette: Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode va…
ai
anthropic
automation
claude-code
claude-skills
cloudflare
devtools
productivity
react
skills
tailwind
vite
Updated 2026-09-19 01:07:27 +08:00
ui-ux-pro-max: UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages,…; design-system: Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography…; design: Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate id…
ai-skills
antigravity
claude
claude-code
codex
command-line
copilot
cursor-ai
html5
kiro
landing-page
mobile-ui
qoder
react
tailwindcss
trae
ui-design
uikit
windsurf-ai
Updated 2026-09-18 08:50:28 +08:00
Swift iOS architecture guidance and playbooks for MVVM, MVI, TCA, Clean Architecture, VIPER, MVP, Coordinator, and Reactive patterns. Use when designing,…
Updated 2026-09-14 20:49:07 +08:00
twitter-reader: Fetch Twitter/X post content including long-form Articles with full images and metadata. Use when Claude needs to retrieve tweet/article content, author info,…; i18n-expert: This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSON…; prompt-optimizer: Transform vague prompts into precise, well-structured specifications using EARS (Easy Approach to Requirements Syntax) methodology. This…
Updated 2026-09-13 23:42:34 +08:00
fullstack-developer: Modern web development expertise covering React, Node.js, databases, and full-stack architecture.
Use when: building web applications, developing APIs,…; academic-researcher: Academic research assistant for literature reviews, paper analysis, and scholarly writing.
Use when: reviewing academic papers, conducting literature reviews,…; content-creator: Creates engaging content for blogs, social media, and marketing materials with audience focus.
Use when: writing blog posts,…
Updated 2026-09-13 11:46:11 +08:00
Build, edit, and deploy full-stack websites, apps and games via the Higgsfield CLI (`higgsfield website …`). Each is a React 19 + TanStack Start SSR app in one…
Updated 2026-09-12 01:46:45 +08:00
shadcn-ui: Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when…; tailwind-css-patterns: Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors,…; drizzle-orm-patterns: Provides comprehensive Drizzle ORM patterns for schema definition, CRUD operations, relations, queries, transactions, and migra…
agentic-code
agentic-coding
agents
aws
aws-cloudformation
claude-code
claude-code-skill
claude-code-skills
claude-skills
claude-skills-creator
java
langchain4j
php
python
skills
spring-boot
typescript
Updated 2026-09-10 19:05:30 +08:00
pwa-development: Progressive Web Apps - service workers, caching strategies, offline, Workbox; playwright-testing: E2E testing with Playwright - Page Objects, cross-browser, CI/CD; android-kotlin: Android Kotlin development with Coroutines, Jetpack Compose, Hilt, and MockK testing
ai-coding
claude
claude-code
developer-tools
project-initialization
python
react
security
typescript
Updated 2026-09-08 21:24:22 +08:00
React performance optimization patterns using memoization, code splitting, and efficient rendering strategies. Use when optimizing slow React applications,…
ai
ai-agents
ai-assisted-development
ai-development-frameworks
claude
claude-plugin
claude-skills
cli
context-management
enterprise-platforms
python
python-app
recommendation-engine
tui
Updated 2026-06-29 08:28:40 +08:00
Expert code reviewer for TypeScript + React 19 applications. Use when reviewing React code, identifying anti-patterns, evaluating state management, or…
Updated 2026-01-23 16:55:25 +08:00
React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js.…
Updated 2025-12-09 10:52:54 +08:00
motion-framer: Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag),…; threejs-webgl: Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D…; react-three-fiber: Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experience…
Updated 2025-11-20 09:57:57 +08:00