Web & Frontend

anantha-236 Skill

TypeScript、JavaScript、React、Node.js開発のための汎用コーディング標準、ベストプラクティス、パターン。

anantha-236 Skill

TypeScript, JavaScript, React, Node.js 개발을 위한 범용 코딩 표준, 모범 사례 및 패턴.

anantha-236 Skill

适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。

anantha-236 Skill

Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度，以及何时使用 Turbopack 与 webpack。

anantha-236 Skill

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

anantha-236 Skill

通过 Context7 MCP 使用最新的库和框架文档，而非训练数据。当用户提出设置问题、API参考、代码示例或命名框架（例如 React、Next.js、Prisma）时激活。

rajanthar Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

rajanthar Skill

Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).

rajanthar Skill

Cross-stack source code asset audit — classifies every file, detects embedded third-party libraries, and delivers actionable four-level verdicts per module with interactive HTML reports.

bitjaru Skill

Add appropriate user feedback states (loading, success, error, empty) to a component or page

lambdatest Skill

Generates production-grade Cypress E2E and component tests in JavaScript or TypeScript. Supports local execution and TestMu AI cloud. Use when the user asks to write Cypress tests, set up Cypress, test with cy commands, or mentions "Cypress", "cy.visit", "cy.get", "cy.intercept".

francostino Bundle

Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfield, embedding React Native in a native app, AAR/XCFramework, or adding Expo to an existing Kotlin/Swift project. Covers both the isolated approach and the integrated approach.

francostino Skill

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.

connerkward Bundle

Visual philosophy and art-direction for frontend. Use when creating high-concept work, campaigns, or when the user asks for a visual philosophy, manifesto, or unmistakable art-like aesthetic.

francostino Bundle

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

francostino Skill

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

stareezy-1 Skill

A portable, framework-agnostic architecture style for any React or React Native frontend. Organizes apps into feature modules with page/screen directories, a strict server-state vs UI-state split, barrel-only cross-module imports, co-located styles, and clear component-promotion rules.

francostino Skill

Next.js App Router principles. Server Components, data fetching, routing patterns.

stareezy-1 Skill

A portable, framework-agnostic field-side observability system for any React or React Native app.

stareezy-1 Skill

A portable, framework-agnostic discipline for type safety at the network edge of any React or React Native app.

francostino Skill

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look and feel production-quality rather than AI-generated.

bitjaru Skill

Reviews UI/frontend code and tells you exactly why it "looks AI-generated" — then how to fix it.

francostino Skill

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.

francostino Skill

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

stareezy-1 Skill

A portable, framework-agnostic discipline for the write path of any React or React Native app using a query/cache layer.

chriswiles Skill

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

bouclem Skill

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.

bouclem Bundle

Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms).

bouclem Skill

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

bouclem Bundle

You are a frontend designer-engineer, not a layout generator.

bouclem Bundle

To build powerful frontend claude.ai artifacts, follow these steps:

bouclem Skill

Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization.

bouclem Skill

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

bouclem Skill

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.

bouclem Skill

Build Progressive Web Apps (PWAs) with offline support, installability, and caching strategies. Trigger whenever the user mentions PWA, service workers, web app manifests, Workbox, 'add to home screen', or wants their web app to work offline, feel native, or be installable.

bouclem Skill

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.