Rogue Frontend Engineering Skill — Data skill for Claude Code
Expert frontend application engineering: accessible UI structure, state and data-fetching discipline, form/validation UX, responsive layouts, performance budgets, and integration with API contracts.
How to install Rogue Frontend Engineering Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open rogue-dev-studio/rogue-frontend-engineering-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Rogue Frontend Engineering Skill does
Expert frontend application engineering: accessible UI structure, state and data-fetching discipline, form/validation UX, responsive layouts, performance budgets, and integration with API contracts. Use when building or refining SPA/web screens, design-system consumption, client-side routing, or fixing UI reliability (loading, empty, and error s...
Alternatives in Data
- MCP Server Supabase — Supabase database and auth integration 2.6k ★
- Azure Form Recognizer Java — Document analysis and form extraction 1.8k ★
- Sprite Gen — Generate clean 2D game sprites & animation atlases — component-row pipeline: state rows, alpha cleanup, frame 763 ★
README
rogue-frontend-engineering-skill
**Rogue Development** skill package for agents.
Expert frontend application engineering: accessible UI structure, state and data-fetching discipline, form/validation UX, responsive layouts, performance budgets, and integration with API contracts. Use when building or refining SPA/web screens, design-system consumption, client-side routing, or fixing UI reliability (loading, empty, and error states).
- Market: https://rogue-dev-studio.github.io/rogue-market-agent/
- Skill id:
frontend-engineering
Install
Copy `SKILL.md` into your agent skills directory (Cursor / Claude Code / compatible host), or clone this repository.
License
MIT - Rogue Development. See `LICENSE` and `NOTICE`.
Related Skills
Rogue Database Engineering Skill
Expert database engineering for application data layers: schema and ERD design, relational modeling, indexing,
Symptomsync Data Change
Use when tasks change the data model or reminder plumbing in supabase/, database/, database/migrations/, or fr
Create Short
Create a short-form vertical video (TikTok, Instagram Reels, YouTube Shorts). Optimized 9:16 pipeline with aut
Embedded Database
SQLite and DuckDB as application-embedded databases at production scale - PRAGMA discipline, schema migrations
Reviewer Application
You are reviewing one focused group of changed application files from a pull request for an automated pipeline
Chart Design
Design a chart or data visualization — selects the right chart type, applies accessible color palettes, adds a
Related Agents
Frontend Developer
Frontend developer for React, Next.js, responsive layouts, and accessible UI components
Mb Frontend
Frontend specialist for memory-bank /mb work stages. React/Vue/Svelte/Solid components, browser UI, accessibil
Frontend Designer.Agent
Use when pages, components, interactions, forms, responsive layouts, browser behavior, visual quality, or fron
