Frontend Dev Guidelines
Apply consistent frontend conventions for components, state, styling, accessibility, and performance while building UI features in Claude-assisted projects.
npx skills add https://github.com/mrgoonie/claudekit-skills --skill frontend-dev-guidelines| Installs | 319 |
|---|---|
| Repository | mrgoonie/claudekit-skills ↗ |
Related skills
Frontend DesignShip polished web UI—landing pages, dashboards, or React/HTML components—with a deliberate visual direction instead of generic template styling.559k148k
Vercel React Best PracticesApply Vercel’s prioritized React and Next.js performance rules while you write, review, or refactor UI so waterfalls, bundle bloat, and rerenders do not slip into production.485k27.7k
Remotion Best PracticesInstall this so your coding agent follows Remotion-safe patterns when you build programmatic marketing videos, demos, or render pipelines in React.378k3.5kVercel Composition PatternsGuide your coding agent through React UI work so new and refactored components use compound composition instead of growing boolean prop matrices.215k27.7k
ShadcnAdd accessible, customizable UI components to any React project without a heavy component library dependency.195k
Develop UserscriptsAuthor, debug, and publish Tampermonkey or ScriptCat userscripts with correct metadata, GM APIs, permissions, and ScriptCat-only background or subscription packaging.174k61