💻

Frontend

8107 skills in Development > Frontend

angular-module-design

Design Angular modules using feature modules, lazy loading, and dependency injection. Use when organizing large Angular applications with proper separation of concerns.

aj-geddes/useful-ai-prompts
25
1
Aktualisiert 1w ago

frontend-routing

Implement client-side routing using React Router, Vue Router, and Angular Router. Use when building multi-page applications with navigation and route protection.

aj-geddes/useful-ai-prompts
25
1
Aktualisiert 1w ago

internationalization-i18n

Implement internationalization (i18n) and localization including message extraction, translation catalogs, pluralization rules, date/time/number formatting, RTL language support, and i18n libraries like i18next and gettext. Use for multi-language, translation, or localization needs.

aj-geddes/useful-ai-prompts
25
1
Aktualisiert 1w ago

server-side-rendering

Implement server-side rendering with template engines, view layers, and dynamic content generation. Use when building server-rendered applications, implementing MVC architectures, and generating HTML on the server.

aj-geddes/useful-ai-prompts
25
1
Aktualisiert 1w ago

gcp-cloud-run

Deploy containerized applications on Google Cloud Run with automatic scaling, traffic management, and service mesh integration. Use for container-based serverless computing.

aj-geddes/useful-ai-prompts
25
1
Aktualisiert 1w ago

docker-containerization

Create optimized Docker containers with multi-stage builds, security best practices, and minimal image sizes. Use when containerizing applications, creating Dockerfiles, optimizing container images, or setting up Docker Compose services.

aj-geddes/useful-ai-prompts
25
1
Aktualisiert 1w ago

react-component-architecture

Design scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and maintainable UI systems.

aj-geddes/useful-ai-prompts
25
1
Aktualisiert 1w ago

handoff-tracking

Marketplace

Create detailed handoff documents for session transitions. Captures task status,learnings, decisions, and next steps in a structured format that gets indexedfor future retrieval.

LerianStudio/ring
25
1
Aktualisiert 1w ago

crm-integration

Build integrations between multiple CRM systems with data mapping and sync logic. Use when syncing contacts between Salesforce and HubSpot, building bidirectional data flows, implementing CRM migration pipelines, or managing multi-CRM environments.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

scrapy

Build web crawlers and spiders using the Scrapy framework. Use this skill when building large-scale web crawlers, following links across multiple pages, handling request throttling, or creating production scraping pipelines. NOT needed for parsing single HTML files or processing already-fetched content.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

solidpython-csg

Generate OpenSCAD code from Python using SolidPython for CSG (Constructive Solid Geometry) modeling. Use for 3D printing models, parametric designs, and generating .scad files. Requires OpenSCAD for rendering to STL.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

jinja2

Template engine for Python. Use when generating HTML, reports, or dynamic text from templates.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

pandas

Tabular data manipulation and analysis with DataFrame structures. Read/write CSV/Excel files, filter rows, aggregate groups, merge datasets, pivot tables, and apply transformations. Use when processing exchange rate feeds, analyzing time-series currency data, cleaning and transforming datasets, joining multiple data sources, computing grouped statistics, handling missing values, or working with structured tabular data. Built on NumPy for performance.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

opencascade-python

Access OpenCASCADE geometry kernel through Python bindings (pythonocc-core or OCP). Use for B-rep modeling, NURBS surfaces, boolean operations, and STEP/IGES file handling. Foundation for CadQuery and build123d.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

cross-compilation

Building code for different target architectures. Use when compiling for ARM, embedded systems, or different OS platforms.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

build123d-design

Create 3D CAD models using build123d, a modern Python CAD library with builder pattern. Use for parametric modeling, assemblies, and STEP/STL export. Offers cleaner syntax than CadQuery with context managers.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

matplotlib

Create static visualizations including bar charts, line plots, pie charts, and more. Use when generating charts for reports, creating data visualizations, producing publication-quality figures, or embedding plots in PDF/HTML reports.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

websocket

Implement real-time bidirectional communication using WebSocket connections. Use when building live chat, real-time notifications, streaming data feeds, or collaborative applications requiring persistent connections.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

weasyprint

Convert HTML/CSS documents to PDF using WeasyPrint for web-styled reports. Use when generating PDFs from HTML templates, creating styled PDF reports from web content, or producing print-ready documents with CSS styling.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago

html-parsing

Parse and extract data from HTML documents using BeautifulSoup. Use this skill when working with HTML files, extracting text content, navigating DOM structures, finding elements by tags/classes/IDs, or scraping structured data from web pages that have already been fetched.

benchflow-ai/skillsbench
24
9
Aktualisiert 1w ago