Frontend
8107 skills in Development > Frontend
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.
regex-parsing
Regular expression pattern matching for tokenization. Use when building lexers, extracting tokens from source code, or validating identifier and literal formats.
busybox
BusyBox configuration and usage for embedded Linux systems. Use when creating minimal Linux environments, building rescue systems, or replacing standard utilities with BusyBox applets.
coding-guidelines
Comprehensive React component coding guidelines, refactoring principles, and architectural patterns. **CRITICAL**: Focuses on patterns AI commonly fails to implement correctly, especially testability, props control, and component responsibility separation. Reference this skill when implementing or refactoring React components during Phase 2.
action-builder-skill
Use when creating or refactoring Nango integration actions to be thin API wrappers - provides patterns for minimal transformation logic, direct proxy calls, and standardized structure
pyvista-visualization
Visualize 3D meshes, point clouds, and volumetric data using PyVista. Use for interactive plotting, mesh inspection, and creating publication-quality figures. Built on VTK with simplified Pythonic interface.
orchestrator-tech-lead
Tech Lead for Claude Orchestrator. Creates implementation instructions based on planning documents and design specifications. Use when asked to create developer instructions or technical implementation guides for the orchestrator.
time-windows
Handle time window constraints in routing and scheduling. Use this skill when managing delivery windows, appointment times, service time constraints, or customer availability requirements in optimization problems.
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.
web-scraping
Fetch and extract content from web pages. Use when retrieving page content, extracting text and metadata, parsing HTML, or scraping structured data from URLs.
cadquery-modeling
Create parametric 3D CAD models using CadQuery Python library. Use when building mechanical parts, assemblies, or exporting to STEP/STL formats. Supports workplanes, extrusions, chamfers, fillets, and boolean operations.
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.
webhook-triggers
Send and receive HTTP webhook notifications for event-driven automation. Use when triggering external workflows on invoice events, receiving callbacks from payment systems, integrating with third-party services, or building event-driven invoice pipelines.
test-guidelines
Comprehensive testing guidelines for Vitest and React Testing Library. Covers quality standards, AAA pattern, naming conventions, branch coverage, and best practices. Reference this skill when creating or updating test code during Phase 2 (Testing & Stories).
numpy-stl-processing
Read, write, and manipulate STL mesh files using numpy-stl library. Use for 3D printing preparation, mesh analysis, transformations, and combining multiple meshes. Fast numpy-based operations on triangular meshes.
selenium
Automate browser interactions using Selenium WebDriver. Use this skill when you need to interact with dynamic JavaScript-heavy websites, fill forms, click buttons, handle authentication, or scrape content that requires browser rendering. NOT needed for static HTML parsing or processing already-fetched content.
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.