Frontend
8107 skills in Development > Frontend
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 indexed for future retrieval.
css-architecture
Organize CSS using BEM, SMACSS, and CSS-in-JS patterns. Use when building scalable, maintainable styling systems with proper naming conventions.
code-guidelines
Apply this repository's coding conventions and patterns. Use when writing or reviewing code in this codebase to ensure consistency with established patterns for DI, logging, error handling, testing, and documentation. Auto-trigger when implementing features, fixing bugs, or reviewing code changes.
jinja2-templating
Generate documents from templates. Use for dynamic HTML, reports, emails, or any templated output.
gcc
Guide for using GCC (GNU Compiler Collection). Use when compiling C/C++ code, understanding compiler flags, debugging compilation errors, or optimizing builds. Covers common options, warnings, optimization levels, and linking.
qiskit-circuits
Build and execute quantum circuits using Qiskit. Use when creating circuits, applying gates (H, X, CNOT, rotations), or running on simulators/hardware.
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.
pathway-analysis
Analyze biological pathways using KEGG, Reactome, and other pathway databases.
docx
Create and manipulate Microsoft Word documents programmatically using python-docx. Use when generating Word reports, creating templated documents, producing editable business documents, or building DOCX files with tables and images.
rust-programming
Rust programming style guide and conventions. Use this skill when writing, reviewing, or modifying Rust code. Covers string creation, type annotations, control flow, naming conventions, imports, error handling, and Rust-specific best practices.
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.
jinja2-templating
Generate documents using Jinja2 templates with variable substitution, loops, conditionals, and filters. Use when creating reports from templates, generating emails, building HTML documents, or producing any text output from structured data.