fe-product-development
Frontend Product Development
Use this skill to design, implement, refactor, or scale a frontend project that is expected to survive real product evolution, not just deliver a one-off page.
This is a master frontend delivery skill. It is optimized for React, Next.js, Vite, and React-adjacent workflows. It also covers project bootstrap, framework selection, and existing-project inspection when the actual repository is Vue-based or framework choice is still open.
This skill is for product-grade frontend work: reusable business modules, maintainable architecture, design fidelity, engineering rigor, and production readiness.
It treats frontend development as product implementation, not only visual implementation. The UI must correctly carry business rules, workflow constraints, permissions, states, and user feedback.
It applies to:
- Greenfield React applications.
- Large feature additions in existing React codebases.
- Frontend architecture refactors.
- Design system and shared component work.
- SaaS and admin platforms with complex configuration and permissions.
- Project bootstrap and project initialization work for new or existing frontend repositories.
It is not optimized for:
More from jiannx/agent-skills
nocobase-bugfix
Diagnose and fix NocoBase v2 bugs, especially flow, FlowModel, client-v2, and plugin client issues. Use for issue reproduction, root-cause analysis, targeted fixes, regression checks, or narrow v2 feature completion based on nearby v1 behavior. Default to v2-only changes unless the user explicitly asks for v1.
9nocobase-v2-flow-upgrade
Upgrade existing NocoBase v1 plugins to v2 FlowModel or field-model architecture with behavior parity. Use for migration planning, implementation, parity validation, and pitfalls around request payloads, settings ownership, i18n namespaces, roles persistence, flow variables, and editor integrations.
9fe-quality-operations
Prepare frontend projects for reliable delivery with testing, performance review, observability, release strategy, and production-readiness checks.
2fe-data-mock-state
Design frontend data layers, server-state handling, adapters, mock strategies, and state ownership with stable contracts and low integration churn.
2fe-routing-permission
Design frontend navigation, route ownership, URL state, auth boundaries, and permission systems with explicit access rules and user-state handling.
2fe-design-implementation
Implement product-grade frontend UI from design artifacts with consistent interaction patterns, theme-driven styling, responsive behavior, and design verification.
2