Shipcrowd-feature-implementation

Implements new Shipcrowd frontend features using React, TypeScript, and Tailwind CSS.

Updated Dec 2, 2025
One-click install
npx skills add https://github.com/dhirajgiri3/Shipcrowd --skill shipcrowd-feature-implementation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Shipcrowd-feature-implementation
Source: https://github.com/dhirajgiri3/Shipcrowd/tree/main/.agent/skills/shipcrowd-frontend-implementation
Command: npx skills add https://github.com/dhirajgiri3/Shipcrowd --skill shipcrowd-feature-implementation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This skill streamlines the development of new features for the Shipcrowd platform, ensuring consistency and adherence to established architectural patterns and quality standards.

Core Features & Use Cases

  • New Page/Modal/Table Implementation: Develop new user-facing elements like address validation, manifest displays, or communication center interfaces.
  • API Integration: Connect new frontend components to backend services.
  • Use Case: Implement a new "Customer Analytics Dashboard" page, including data fetching, table display, and filtering, following all Shipcrowd frontend best practices.

Quick Start

Use the Shipcrowd-feature-implementation skill to create a new page for the 'Address Validation' feature.

Frequently Asked Questions about Shipcrowd-feature-implementation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement a new feature in a React and Next.js frontend while maintaining strict TypeScript standards?

To implement a new feature in a React and Next.js frontend with strict TypeScript, follow established architectural patterns, use React Query for state management, Tailwind CSS for styling, and handle errors via toasts to ensure quality and consistency.

How does React Query work for state management when adding new pages and modals?

React Query for state management when adding new pages and modals works by fetching, caching, and synchronizing backend data, ensuring your new frontend components remain synced with API services while adhering to established architectural patterns.

What's the best way to build an Address Validation or Customer Analytics Dashboard for a shipping aggregator?

The best way to build an Address Validation or Customer Analytics Dashboard for a shipping aggregator is to implement the new pages, tables, and data fetching logic while adhering to established frontend patterns, strict TypeScript, and robust error handling.

Does this feature implementation approach support integrating E-Commerce and Communication Center interfaces?

Yes, this feature implementation approach supports integrating E-Commerce and Communication Center interfaces by connecting new frontend components to backend services using React Query, strict TypeScript, and Tailwind CSS.

Why should I use strict TypeScript and Tailwind CSS for shipping aggregator domain features like Manifests?

You should use strict TypeScript and Tailwind CSS for shipping aggregator domain features like Manifests to ensure consistency, enforce type safety, maintain established architectural patterns, and achieve robust error handling via toasts.

Can I use this approach to add tables and filtering to an existing frontend without breaking established patterns?

Yes, you can use this approach to add tables and filtering to an existing frontend without breaking established patterns, as it ensures adherence to existing architecture, React Query state management, and strict TypeScript quality standards.