Plugins

5 plugins

Gotcontext Frontend Developer

Gotcontext Frontend Developer from oimiragieo/gotcontext-frontend-developer.

100 skills · plugin

Frontend from Auto-Skiller/plugboot.

2 skills · plugin

React, Vue, Svelte, CSS and component skills for building interfaces.

31 skills · plugin

Design-taste toolkit: image-to-code, high-end visual design, brutalist/minimalist UI systems, image-gen frontends and redesign workflows from Leonxlnx.

12 skills · plugin

@alirezarezvani

Engineering Team

32 engineering skills: architecture, frontend, backend, fullstack, QA, DevOps, security, AI/ML, data engineering, Playwright (9 sub-skills), self-improving agent, Stripe integration, TDD guide, tech stack evaluator, Google Workspace CLI, a11y audit (WCAG 2.2), Azure cloud architect, GCP cloud architect, security pen testing, Snowflake development, adversarial-reviewer, ai-security, cloud-security,

16 skills · plugin

Results for “frontend”

204 skills

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

performance-optimization

Measures application performance first, identifies bottlenecks, and applies targeted fixes for frontend and backend systems.

Build interfaces with UnoCSS using semantic tokens, dark mode parity, and design polish for devtools and landing pages.

matteobortolazzo

Visually verify UI changes with Playwright screenshots and Pencil layout checks before proceeding. Use when a change touches frontend/UI files and needs visual confirmation, not just passing tests.

frontend-patterns

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

Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.

Test and debug local web applications using Playwright browser automation, including UI verification, screenshot capture, and console log inspection.

36.2k · bundle

Create award-winning, immersive web experiences with dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation.

Deploy static websites to IPFS with a single command using the PinMe CLI, auto-detecting the build directory and returning a preview URL.

deploy-pipeline

Coordinate end-to-end deployments across Stripe, Supabase, and Vercel using the Composio CLI. Update pricing, apply database migrations, deploy frontend, verify changes, and announce releases from a single script.

frontend-slides

Create zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with viewport-fit enforcement and visual style exploration.

react18-enzyme-to-rtl

Migrate Enzyme tests to React Testing Library for React 18 upgrades with a complete API mapping and behavior-testing philosophy.

36.2k · bundle

frontend-slides

Create zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with a fixed 16:9 stage and distinctive design.

24.6k · bundle

lwc-template-refs

Migrate LWC components from fragile querySelector lookups to typed lwc:ref handles, with guidance on lifecycle timing, shadow boundaries, and iterator limitations.

Interact with and test local web applications using Playwright, including verifying frontend functionality, debugging UI behavior, capturing screenshots, and viewing browser logs.

backend-change-builder

Use `task-agent` for bounded backend service, API, worker, or repair changes, loading authorization, consistency, retry, contract, and rollout guidance only when triggered. Skip frontend-only and read-only work.

developer-web-performance

Trigger: web performance, slow load, bundle size, lazy loading, LCP, CWV optimization, fetch priority. Scope: Frontend optimization, loading speeds, asset minimization. Boundary: Excludes backend database indexing or visual design systems.

analyze-and-plan

Analyzes development requirements and generates structured acceptance criteria for AEM Edge Delivery Services tasks, including task breakdowns and edge case identification.

leandrobenjaminl

frontend-css-styling

Guides choosing between Tailwind, CSS Modules, and global CSS with BEM, and implementing responsive layouts with Grid, Flexbox, and Container Queries.

leandrobenjaminl

frontend-state-management

Guides choosing and implementing global state management in React with Zustand, Redux Toolkit, or Context, based on state complexity and needs.

sakamoto-family-smile

frontend-slides

Build zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with viewport-safe layouts and visual style exploration.

Iteratively builds websites with Stitch by reading a baton file, generating pages via MCP tools, integrating them, and writing the next task.

Deploy static websites and built frontend apps to Static.app hosting. Use when a user wants to upload, host, update, or manage a static site through Static.app with an API key.

Renders table cells with a red-to-green background gradient based on numeric values (0-100) using jQuery and chroma.js, skipping non-numeric content.

design-impeccable

Anti-pattern detector and design rules for AI coding agents. Catches the specific mistakes AI makes when generating UI: gray text on color, nested cards, broken buttons, missing states. Use before shipping any frontend.

pinme-deployment

Deploy static sites and full-stack apps to PinMe (IPFS-based hosting). One-command upload of HTML/directories, or full-stack project creation with frontend+backend+database. Authentication required — no anonymous upload path exists.

Test local web applications by writing native Python Playwright scripts, with helpers for server lifecycle management and a reconnaissance-then-action pattern for dynamic UIs.

Deploy static websites to IPFS with a single command using PinMe CLI, supporting Vite, React, Vue, Next.js, Angular, and static sites. Returns a preview URL after upload.

matteobortolazzo

Angular frontend conventions, patterns, and test infrastructure. Use when working with Angular components, services, modules, RxJS, Angular CLI, ng commands, Jasmine tests, Component Harnesses, HttpTestingController, Angular routing, Angular forms, Angular pipes, or Angular dependency injection.

data-flow-designer

Use when the team needs to understand how data moves through frontend, backend, database, jobs, auth, and external integrations. Trigger on requests to map data flow, event flow, or state transitions across the system.

api-integration-helper

Use this when frontend or service code needs help integrating with an API, provider, or internal backend contract. Trigger on requests about request flow, response handling, auth propagation, retries, or client-side integration patterns.

error-handling-designer

Use when the team needs a strategy for validation errors, API failures, job retries, user-facing error UX, observability, or recovery behavior. Trigger on requests to design error handling across frontend, backend, and integrations.

system-architecture-designer

Use when the team needs a top-level system architecture spanning frontend, backend, auth, data stores, jobs, integrations, and deployment boundaries. Trigger on requests to design the overall system or validate a proposed architecture.

unit-test-vue-pinia

Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases, covering components, composables, and stores with behavior-first assertions.

36.2k · bundle

leandrobenjaminl

frontend-react-development

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.

leandrobenjaminl

frontend-responsive-design

Implementa diseño responsive moderno con técnicas mobile-first, Container Queries, Grid, Flexbox y clamp() para adaptar layouts y componentes a cualquier pantalla o contenedor.