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.
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.
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.
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.
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.
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.
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.
handoff-tracking
Create detailed handoff documents for session transitions. Captures task status,learnings, decisions, and next steps in a structured format that gets indexedfor future retrieval.
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.
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.
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.
jinja2
Template engine for Python. Use when generating HTML, reports, or dynamic text from templates.
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.
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.
cross-compilation
Building code for different target architectures. Use when compiling for ARM, embedded systems, or different OS platforms.
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.
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.
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.
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.
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.