Frontend Frameworks

leandrobenjaminl Skill

Guides frontend development with React, TypeScript, and modern tooling, enforcing component-first, mobile-first, and testing practices.

leandrobenjaminl Skill

Escribe tests de frontend centrados en el usuario con Vitest, Testing Library y Playwright, cubriendo unit, integración y E2E, y configura el runner de tests.

leandrobenjaminl Skill

Consume APIs from the frontend with TanStack Query, fetch, or SWR, including caching, refetching, optimistic updates, and error handling.

leandrobenjaminl Skill

Crea componentes React escalables con TypeScript, hooks y patrones de composición, cubriendo estados de carga, vacío, error y éxito, y decidiendo entre Server y Client Components.

nimoqup046-collab Bundle

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

nimoqup046-collab Skill

Practical patterns for using fp-ts with React: Option for optional state, Either for form validation, TaskEither for data fetching, and RemoteData for async state management.

nimoqup046-collab Skill

Build full-stack web applications with SvelteKit, covering file-based routing, SSR, SSG, API routes, and form actions.

sakamoto-family-smile Skill

Batch-converts UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue, with router wiring and shared component extraction.

sakamoto-family-smile Skill

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

sakamoto-family-smile Bundle

Generates Angular code and provides architectural guidance for projects, components, services, reactivity, forms, dependency injection, routing, accessibility, animations, styling, testing, and CLI tooling.

sakamoto-family-smile Skill

Provides React and Next.js patterns for component composition, state management, data fetching, and performance optimization.

sakamoto-family-smile Skill

Optimizes React and Next.js performance with 70+ rules across 8 priority categories, covering waterfalls, bundle size, server-side, client fetching, re-renders, rendering, JS micro-perf, and advanced patterns. Use when writing, reviewing, or refactoring React/Next.js code.

lord1egypt Skill

Generates 2-3 disposable HTML mockups for comparing UI design directions before committing to one.

lord1egypt Skill

Builds creative browser demos with @chenglou/pretext for DOM-free text layout, enabling ASCII art, typographic flow around obstacles, text-as-geometry games, kinetic typography, and text-powered generative art. Produces single-file HTML demos by default.

kbarbel640-del Bundle

Build and maintain Raycast extensions using the Raycast API, covering UI components, data persistence, feedback, and restricted APIs like AI and Browser Extension.

pwdev-solucoes Skill

Compose custom Vue components with Reka UI v2 headless primitives, covering asChild/as composition, controlled state, portals, and Radix Vue migration.

pwdev-solucoes Skill

Scaffold, install, and compose shadcn-vue components built on Reka UI v2, including Vue variants, form patterns with vee-validate/Zod, and adaptation of existing components.

scoheart Bundle

Builds distinctive, production-grade frontend interfaces with bold aesthetic direction, avoiding generic AI design patterns.

scoheart Bundle

Optimizes React and Next.js performance with 69 prioritized rules covering waterfalls, bundle size, server-side rendering, and re-rendering patterns.

scoheart Bundle

Adds smooth, native-feeling animations to React apps using the View Transition API, covering shared elements, route changes, and list reordering with CSS-based control.

joshuashepherd Bundle

Migrates a Stitch screen to production React: fetches and caches wireframes, archives existing pages, converts to shadcn/ui components with semantic tokens, and documents the design system layers.

joshuashepherd Skill

Converts Stitch screen designs into production React components, fetching and caching assets locally, extracting design tokens, and archiving existing pages before replacement.

jorcan Bundle

Build modern Angular applications using Signals, Standalone Components, Zoneless change detection, and SSR with hydration.

jorcan Bundle

Scaffolds a Nuxt 3 full-stack project with Vue 3, Pinia, Tailwind, Prisma, and Zod, including setup steps and best practices.

huuanh20 Bundle

Generates frontend source code files and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.

auto-skiller Skill

Builds interactive HTML sketches with working states, transitions, and a shared CSS theme system for design exploration.

mhassan0000 Bundle

Builds elaborate, multi-component claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui, with scripts to initialize a project and bundle it into a single HTML file.

mhassan0000 Skill

Batch-converts UI design screenshots into Vue 3 Composition API components, with support for Vant, Element Plus, and Ant Design Vue.

mhassan0000 Skill

Creates 3D elements and interactive browser experiences with Three.js, covering scenes, materials, controls, and post-processing.

mits-pl Skill

Guides creating named subset types of WaveEnv to document a component tree's environmental dependencies and enable mock environments for preview/test servers.

oyi77 Skill

Build accessible React interfaces with Chakra UI, covering theming, responsive styles, color mode, and component composition.

oyi77 Skill

Provides guidance and code examples for building enterprise React UIs with Ant Design, including forms, tables, theming, and ProComponents.

oyi77 Skill

Build React interfaces with Material UI components, theming, styled engine, data grid, date pickers, and icons.

oyi77 Skill

Develop, test, and document UI components in isolation with Storybook, including interactive controls, accessibility testing, and visual regression.

chimeranext Skill

Translates Google Stitch HTML/Tailwind designs into production-ready Flutter/Dart code, mapping structure, styles, and components to Material 3 and Atomic Design.

samuelpatro Skill

Reproduces an existing design as a faithful, self-contained HTML file, then generates and evaluates design variations to recommend the strongest option.