Route frontend UI requests to design references and implementation guardrails.
npx skills add https://github.com/islee23520/lfg --skill frontend-islee23520
Please help me install this Agent Skill. Skill: frontend Source: https://github.com/islee23520/lfg/tree/main/skills/frontend Command: npx skills add https://github.com/islee23520/lfg --skill frontend-islee23520
This Skill removes guesswork from frontend, web UI, UX, and visual work by routing each request to the right design and performance guidance before any implementation begins.
Use the frontend skill to plan and build a polished, performance-safe interface for my project, and tell me which design references and checks you are using.
High-intent search queries and answers about installing and using this skill.
To audit frontend performance, this skill enforces browser-based quality checks and performance-minded implementation guardrails. It routes your request to the correct design references to ensure every token, layout, and interaction meets performance standards.
To enforce a design system when building web interfaces, this skill applies a design system gate before implementation. It selects the smallest relevant reference set for your taste, brand, or redesign workflow to maintain visual consistency across the project.
Yes, you can use this skill to turn a rough UI request into a clean, brand-consistent page plan. It provides layout, styling, and audit guidance by routing the request to the appropriate design references and quality gates.
Visual routing for frontend UI work is the process of selecting the smallest relevant reference set for taste, brand, or image-first workflows. This skill uses it to remove guesswork by matching your request to the right design guidance before implementation.
You should not use this approach if your project lacks React dev tooling or requires bypassing design system gates. The skill enforces browser-based QA and performance checks, so it is suited for teams prioritizing strict visual consistency and performance audits.
daxiangnaoyangBundle React-based HTML artifacts with Tailwind CSS and shadcn/ui into a single file.
KrismithReddy12Audit web interfaces for visual inconsistencies, spacing issues, and hierarchy problems.
SensLiaoGenerate brand-image kits with logos, identity systems, and visual guidelines.
julianobarbosaReview code for quality, bugs, security issues, and best practices using Codex.
