frontend-core

Implements frontend UI components, pages, forms, and API clients through a fixed review-and-test pipeline.

Updated Jun 2, 2026
One-click install
npx skills add https://github.com/lfuuu/claude-rules --skill frontend-core-lfuuu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-core
Source: https://github.com/lfuuu/claude-rules/tree/main/global-skills/frontend-core
Command: npx skills add https://github.com/lfuuu/claude-rules --skill frontend-core-lfuuu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? It provides a reusable, stack-agnostic role core for frontend development work, enforcing a consistent pipeline (analysis, tests, implementation, review, testing, documentation) so frontend tasks follow the same quality contract across projects without duplicating role definitions. ## Core Features & Use Cases - Fixed development pipeline: analysis with codebase grep, mandatory tests, implementation, /reviewer loop (up to 5 iterations), /testing, /techwriter, and a structured final report. - Clear responsibility boundaries: defines what a frontend agent may change (UI, pages, forms, API clients, frontend docs) and what it must never touch (backend code, database, migrations, deployment). - Stack-agnostic principles: server as source of truth, no business calculations on the client, fallback values for API fields, dictionary-based labels, accessibility, and mandatory tests for every new component, hook, or page. - Use Case: A project wrapper skill references this core so that any frontend task (e.g., adding a new settings page) automatically follows the same review, testing, and reporting workflow regardless of framework. ## Quick Start Reference this core from a project wrapper skill and ask the agent to implement a frontend task such as adding a new form page with tests.

Frequently Asked Questions about frontend-core

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

FAQPage Schema
How do I use the frontend-core skill in a project?

You do not call it directly. A project-specific wrapper skill references it with a link such as "Действует [frontend-core](.../SKILL.md)" and overrides the stack, paths, and local rules while inheriting the pipeline and principles.

What workflow does this frontend role skill enforce?

It enforces a fixed pipeline: grep runbooks and codebase, define tests, implement code with tests, run /reviewer until APPROVED (max 5 iterations), run /testing, optionally call /techwriter, update decisions.md, and return a structured report.

Is frontend-core tied to React or a specific framework?

No, it is stack-agnostic. It works with React, Angular, jQuery, or any other framework because the concrete stack, build commands, and component conventions are supplied by the project wrapper, not the core.

What is the frontend agent not allowed to change?

It must never modify backend code, databases, migrations, deployment configuration, or backend documentation. Needed backend changes are described in the final report and handled by the /backend or /teamlead roles.

Are tests mandatory when adding a new component?

Yes. Every new component, hook, utility, page, or API layer requires a corresponding test, and missing tests result in a BLOCK at review. Tests are executed through the /testing skill, not run directly.