---
title: "frontend-flow"
description: "Frontend Flow skill pack: L1/L2/L3 router plus the engineering and design skills it sequences."
canonical: https://agentpluginsdirectory.com/plugins/frontend-flow
last-updated: 2026-10-21
---

# frontend-flow
Frontend Flow skill pack: L1/L2/L3 router plus the engineering and design skills it sequences.
- Slug: frontend-flow
- Publisher: Hector Siman
- Repository: https://github.com/hectorlutero/cursor-frontend-plugin
- Manifest: plugin.json
- Version: 1.0.0
- License: MIT
- Category (editorial): design-frontend
- Skills: 23 (animate, animation-vocabulary, code-review, composition-patterns, emil-design-eng, find-animation-opportunities, frontend-design, frontend-flow, grill-me, impeccable-redesign, impeccable, implement, improve-animations, interaction-engineer, review-animations, tdd, to-issues, to-prd, to-spec, to-tickets, ui-engineering, wayfinder, web-design-guidelines)
- MCP servers: 0
- Stars: 0
- Repository created: 2026-09-02
- Repository last pushed: 2026-09-02
- Publisher type: User
- Listing: https://agentpluginsdirectory.com/plugins/frontend-flow
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## What frontend-flow does, in the publisher's words

Skill pack for Frontend Flow: the router and every skill it sequences.

Cursor does not sync ~/.cursor/skills to your account. A plugin is the portable unit. Install it once with User scope so Agent, Chat, and new projects on that Cursor login can see the pack.

Cloud Agents still will not inherit desktop ~/.cursor/skills. After this plugin is installed with User scope in the Cursor app, those skills travel with the account on machines where the plugin is installed. For Cloud Agents without this worker, add the plugin from Customize or put skills in the project repo.

- Open Customize in the sidebar.
- Go to Plugins.
- Add from GitHub:
- Choose User scope (all projects), not project-only.
- Reload the window.

From the project README, punctuation lightly normalized. Full text: https://raw.githubusercontent.com/hectorlutero/cursor-frontend-plugin/HEAD/README.md

## Skills

- animate: Build an animation from scratch, making the decisions in the order that determines whether it feels right, should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something…
- animation-vocabulary: Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without kno…
- code-review: Review the changes since a fixed point (commit, branch, tag, or merge-base) along two axes: Standards (does the code follow this repo's documented coding standards?) and Spec (does the code match what the originating issue/spec asked for?). Runs both reviews in parallel sub-agents and reports them…
- composition-patterns
- emil-design-eng: This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
- find-animation-opportunities: Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing anima…
- frontend-design: Create distinctive, production-grade frontend interfaces and printable HTML decks with high design quality. Use when building web components, pages, apps, executive briefs, proposals, or slide-like HTML documents; when the user asks for landscape/portrait print layouts, print CSS, overflow checks,…
- frontend-flow: User-invoked router for frontend work. Classifies the job as L1 (small), L2 (medium), or L3 (large), then sequences existing skills, Matt Pocock engineering plus one visual-direction skill, instead of inventing a new design system. Use when the user says frontend-flow, /frontend-flow, or asks to…
- grill-me: A relentless interview to sharpen a plan or design.
- impeccable-redesign: Alias for impeccable. User-invoked visual refinement after a first UI pass. Do not use as the first visual-direction skill.
- impeccable: User-invoked visual refinement after a first UI pass. Use when the user says /impeccable, polish this screen, redesign this UI, or frontend-flow routes an L2/L3 refinement. Do not use as the first visual-direction skill, frontend-design owns identity.
- implement: Implement a piece of work based on a spec or set of tickets.
- improve-animations
- interaction-engineer
- review-animations
- tdd
- to-issues
- to-prd
- to-spec
- to-tickets
- ui-engineering
- wayfinder
- web-design-guidelines

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.