datastar
Hypermedia framework for building reactive web applications with backend-driven UI. Use this skill for Datastar development patterns, SSE streaming, signal management, DOM morphing, and the "Datastar way" philo...
Skills matching the name, description or GitHub author.
Hypermedia framework for building reactive web applications with backend-driven UI. Use this skill for Datastar development patterns, SSE streaming, signal management, DOM morphing, and the "Datastar way" philo...
Scaffolds new HeroUI v3 React components using compound component patterns. Enforces named exports, onPress handlers, and direct imports from @heroui/react. Use when creating new UI components.
Validates TypeScript/React code against dev_instruction_v3.md standards. Checks for anti-patterns like export default, onClick usage, wrapper components, and any types. Use before committing or during code revi...
Runs and debugs Detox E2E tests for MigraineTracker React Native app. Use when the user asks to run E2E tests, debug test failures, or investigate UI test issues. Automatically captures logs, analyzes screensho...
Validates code quality before commits in the MigraineTracker React Native project. Use this skill when preparing to commit code, before pushing changes, or when the user asks to run pre-commit checks. Ensures T...
React compound components pattern (safe, minimal context, ergonomic API)
Keep React UI components clean; move logic into hooks and services
React performance: memoization and virtualization guidelines
React compound components pattern (safe, minimal context, ergonomic API)
Expert guidance for creating premium, performant animations in React using Motion (motion.dev). Covers all animation types, best practices, accessibility, and performance optimization.
Guidelines for implementing the Event Delegation pattern in React to reduce prop drilling, improve performance, and handle dynamic or frequently changing content. Includes examples, best practices, common pitfa...
Provides a React Context implementation pattern using useSyncExternalStore, with types, hooks, and examples. Be specific about capabilities and when to use the skill.
Guidelines for implementing performant, accessible React forms using isolated field components, custom hooks, and server actions (`useActionState`/`useFormStatus`). Use for building FormData-friendly forms and...
Comprehensive standards and best practices for building modern web applications (React, Next.js, TypeScript, Tailwind).
Generate React components from design using available UI components
Systematic development workflow for building modern web applications with TypeScript, React, and React Router v7. Use this skill when developing features or working on web app projects to ensure consistent code...
Create reactive marimo notebooks for data analysis and visualization. Use when the user asks to create a marimo notebook, work with reactive notebooks, or build interactive data visualizations. User-invocable w...
Convex real-time backend specialist covering TypeScript-first reactive patterns, optimistic updates, server functions, and file storage. Use when building real-time collaborative apps, implementing reactive que...
TypeScript 5.9+ development specialist covering React 19, Next.js 16 App Router, type-safe APIs with tRPC, Zod validation, and modern TypeScript patterns. Use when developing TypeScript applications, React comp...
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance...
Reviews React and Next.js code for performance, accessibility, security, and adherence to project standards. Use when asked to review frontend PRs or components.
Provides guidance on React design patterns like Composition, Render Props, and Custom Hooks. Use when architecting complex UI components.
Build and refactor modern React (18+) using maintainable patterns, strong state management, performance optimization, and accessibility best practices.
Build complex Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.