What version of ice.js is this skill designed for?

This skill is specifically optimized for ice.js 3, focusing on its specific routing, model, and configuration conventions.

Is TypeScript required?

The patterns provided by this skill utilize strict TypeScript interfaces to ensure type safety across API contracts and component props.

Does it support automated UI creation?

Yes, it provides templates for List Pages using BfFormTable and Form Pages using a single-component FormView architecture for Add, Edit, and View modes.

How does the mock data strategy work?

If backend endpoints are not specified, the skill automatically generates mock files in the /mock directory to allow immediate frontend development.

Can I use this for permission management?

Yes, it includes patterns for configuring menu permissions and using the AUTH_BTN_CODE constant to wrap UI elements in Auth components.

Ice.js 3 Development Patterns

Name: Ice.js 3 Development Patterns
Author: kinneyyan

bykinneyyan

•

デザインツール

Standardizes the development of ice.js 3 admin consoles with pre-defined templates for UI components, API services, and state management.

This skill provides a comprehensive architectural framework for building enterprise-grade admin consoles using ice.js 3 and Ant Design. It automates the creation of complex list and form pages using standardized patterns like BfFormTable and FormView, while enforcing type-safe API service layers and ice.js model conventions for state management. By including a built-in mock data strategy and rigid workflow for routing and permissions, it ensures that developers can maintain high code quality and consistency across large-scale frontend projects.

主な機能

01Streamline project-wide menu configuration and role-based permission handling

02Implement type-safe API services with centralized CRUD operation templates

03Manage global application state using ice.js 3 model conventions and store hooks

042 GitHub stars

05Automate mock data generation for rapid frontend-first prototyping

06Scaffold standardized List and Form pages using Ant Design and @bud-fe/react-pc-ui patterns

ユースケース

01Refactoring legacy ice.js code into standardized, maintainable service and component layers

02Developing feature-rich admin dashboards with consistent UI/UX patterns

03Prototyping new modules using mock data before backend APIs are finalized

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kinneyyan/prompts ice-js-3-development-patterns

For use in Claude.ai and ChatGPT

Download Skill