frontend-dev

Redirects frontend work to the erp-design-contract skill and Fluent 2 design system.

Updated Jul 9, 2025
One-click install
npx skills add https://github.com/renpereiradx/erp-webapp --skill frontend-dev-renpereiradx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-dev
Source: https://github.com/renpereiradx/erp-webapp/tree/main/.agents/skills/frontend-dev
Command: npx skills add https://github.com/renpereiradx/erp-webapp --skill frontend-dev-renpereiradx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? This Skill prevents the accidental use of a deprecated frontend workflow in the ERP Vista Bar project, ensuring all UI work follows the fixed Fluent 2 design system instead of free-form cinematic aesthetics. ## Core Features & Use Cases - Deprecation Guard: Explicitly marks the old frontend-dev workflow as disabled for this repository. - Design Contract Redirection: Points developers to load the erp-design-contract skill and follow DESIGN.md for all UI decisions. - Use Case: When an AI agent or developer is about to apply cinematic animations, AI-generated media, or invented aesthetics to the ERP webapp, this Skill intercepts and redirects them to the approved Fluent 2 tokens in design/tokens.json with Tailwind 4. ## Quick Start Load the erp-design-contract skill and follow DESIGN.md for any frontend work in this repository.

Frequently Asked Questions about frontend-dev

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

FAQPage Schema
How do I do frontend work in the ERP Vista Bar project?▼

Load the erp-design-contract skill and follow DESIGN.md. The frontend-dev skill is deprecated in this repository and must not be used for any UI or styling task.

Why is the frontend-dev skill disabled in this repository?▼

The ERP Vista Bar webapp uses a fixed Fluent 2 design system with tokens in design/tokens.json and Tailwind 4. Cinematic animations, AI-generated media, and invented aesthetics do not apply to this high-density data ERP.

Can I add custom animations or generated media to the ERP webapp?▼

No. The project explicitly forbids cinematic animations and AI-generated media. All visual decisions must come from the Fluent 2 design contract defined in DESIGN.md and design/tokens.json.

What design system does the ERP Vista Bar webapp use?▼

It uses Fluent 2 as the fixed design system, implemented through design tokens in design/tokens.json and Tailwind 4. The erp-design-contract skill governs how these are applied.