NeVibe · 4
Frontend and UI: skills, rules and MCP servers
Frontend and UI for Claude Code, Codex and Cursor: skills, subagents, rules and MCP servers, from popular to niche.
prototypeskill Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase.
webapp-testingskill This skill tests local web apps with Playwright, helping agents debug UI behavior, capture screenshots, and inspect browser logs.
theme-factoryskill Applies preset color palettes and font pairs to slides, documents, and HTML pages. Use it when an artifact needs one consistent visual style.
algorithmic-artskill Creates p5.js generative art with seeded randomness and adjustable parameters. Use it for flow fields, particle systems, and code-based visual experiments.
Frontend is where agents most often produce code that looks fine and still ignores the project design system. Skills and rules in this topic pin down the stack (React, Next.js, Vue, Svelte, Tailwind), component conventions, accessibility and visual checks. Look at which framework version a skill targets and when it was last updated: instructions written for an old API do more harm than having none. To check the result in a real browser, pair them with a server from the browser MCP list.
