Role
Best agent skills for Frontend Developers, page 142
Skills for Frontend Developers, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 6769 | 6769.Performance Security A skill your agent uses when optimizing performance or reviewing security. | MadAppGang/ | 285 | — | ~2.4k | Automated safety check: Notes | MIT | 6 mo ago |
| 6770 | 6770.React Patterns A skill your agent uses when implementing React 19 features, optimizing components, or choosing between Actions vs TanStack Query for mutations. | MadAppGang/ | 285 | — | ~2.3k | Automated safety check: Pass | MIT | 6 mo ago |
| 6771 | 6771.React Typescript Modern React 19+ patterns with TypeScript including function components, hooks, state management, TanStack Query integration, form handling with Zod, error boundaries, and performance optimization. | MadAppGang/ | 285 | — | ~4.1k | Automated safety check: Pass | MIT | 6 mo ago |
| 6772 | 6772.State Management A skill your agent uses when choosing state management solutions, implementing global stores (Zustand, Pinia), managing server state (TanStack Query), or handling URL state in frontend applications… | MadAppGang/ | 285 | — | ~2.6k | Automated safety check: Pass | MIT | 6 mo ago |
| 6773 | 6773.Tailwindcss TailwindCSS v4 patterns with CSS-first configuration using @theme, @source, and modern CSS features. | MadAppGang/ | 285 | — | ~3.2k | Automated safety check: Pass | MIT | 6 mo ago |
| 6774 | 6774.Tanstack Router TanStack Router patterns for type-safe, file-based routing. An agent skill from MadAppGang/claude-code. | MadAppGang/ | 285 | — | ~4.8k | Automated safety check: Pass | MIT | 6 mo ago |
| 6775 | 6775.Test Coverage On-demand test coverage analysis. An agent skill from MadAppGang/claude-code. | MadAppGang/ | 285 | — | ~5k | Automated safety check: Pass | MIT | 6 mo ago |
| 6776 | A skill your agent uses when writing production code. An agent skill from MadAppGang/claude-code. | MadAppGang/ | 285 | — | ~4.1k | Automated safety check: Pass | MIT | 6 mo ago |
| 6777 | 6777.Testing Strategies A skill your agent uses when writing tests, setting up test frameworks, implementing mocking strategies, or establishing testing best practices (unit, integration, E2E) across any technology stack. | MadAppGang/ | 285 | — | ~2k | Automated safety check: Pass | MIT | 6 mo ago |
| 6778 | 6778.UI Design Review Prompting patterns and review templates for UI design analysis with Gemini multimodal capabilities. | MadAppGang/ | 285 | — | ~2k | Automated safety check: Pass | MIT | 6 mo ago |
| 6779 | 6779.UI Implementer Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching. | MadAppGang/ | 285 | — | ~3.3k | Automated safety check: Notes | MIT | 6 mo ago |
| 6780 | 6780.UI Style Format UI design style file format specification with reference image support. | MadAppGang/ | 285 | — | ~1.2k | Automated safety check: Pass | MIT | 6 mo ago |
| 6781 | 6781.Vue Typescript A skill your agent uses when building Vue 3 applications with TypeScript, implementing Composition API components, setting up Pinia stores, or working with Vue Router. | MadAppGang/ | 285 | — | ~2.1k | Automated safety check: Pass | MIT | 6 mo ago |
| 6782 | 6782.YAML Agent Format YAML format for Claude Code agent definitions as alternative to markdown. | MadAppGang/ | 285 | — | ~4.8k | Automated safety check: Pass | MIT | 6 mo ago |
| 6783 | 6783.Cometchat A11y Keep a CometChat integration accessible — the UI Kit is designed targeting WCAG 2.1 AA with keyboard navigation (verify per component in its docs; full conformance still needs manual testing), and… | cometchat/ | 131 | — | ~1.6k | Automated safety check: Pass | MIT | 4 days ago |
| 6784 | Diagnose a broken CometChat Android v6 integration — dependency and version conflicts, init/login failures, blank or stuck screens, empty lists, missing realtime updates, keyboard/inset layout bugs… | cometchat/ | 131 | — | ~2.7k | Automated safety check: Pass | MIT | 4 days ago |
| 6785 | 6785.Cometchat Audit Review an EXISTING CometChat integration and report what's wrong or risky — security (no client Auth Key, server tokens), correctness (init→login→render order, no raw localization keys, no dead… | cometchat/ | 131 | — | ~1.4k | Automated safety check: Notes | MIT | 4 days ago |
| 6786 | Project wiring for the Flutter v6 UI Kit — navigation (Navigator / gorouter / autoroute), state management (bloc / riverpod / provider / getx), config & secrets, platform setup, and web/desktop… | cometchat/ | 131 | — | ~1.4k | Automated safety check: Pass | MIT | 4 days ago |
| 6787 | Diagnose a broken CometChat Flutter integration — blank screens, unbounded-height crashes, lists that don't fill, login and Region failures, calls that never ring, push that never arrives, and v5… | cometchat/ | 131 | — | ~1.6k | Automated safety check: Pass | MIT | 4 days ago |
| 6788 | 6788.Cometchat I18n Localize a CometChat integration — set the UI Kit language, register custom/overridden translations, handle RTL, and never leak a raw localization key into the UI. | cometchat/ | 131 | — | ~1.9k | Automated safety check: Pass | MIT | 4 days ago |
| 6789 | The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes. | cometchat/ | 131 | — | ~1.3k | Automated safety check: Pass | MIT | 4 days ago |
| 6790 | Upgrade an existing CometChat iOS integration from UI Kit v4 to v5 — composite components removed, theming replaced, properties renamed. | cometchat/ | 131 | — | ~940 | Automated safety check: Pass | MIT | 4 days ago |
| 6791 | 6791.Cometchat iOS Push Add push notifications to an iOS CometChat app — APNs registration, token handoff, tap-to-open, badge counts and VoIP call pushes. | cometchat/ | 131 | — | ~1k | Automated safety check: Pass | MIT | 4 days ago |
| 6792 | Diagnose a broken CometChat iOS (Swift) integration — a screen that never populates, credentials read as the literal $(...), login that silently fails, empty lists, no messages, or a version/SDK… | cometchat/ | 131 | — | ~1.2k | Automated safety check: Pass | MIT | 4 days ago |
| 6793 | 6793.Cometchat Onboarding The shared FRONT DOOR for adding CometChat to ANY app — a consultative, enterprise-grade DISCOVER → UNDERSTAND → PLAN journey that ALWAYS runs first, before any framework core. | cometchat/ | 131 | — | ~5.5k | Automated safety check: Notes | MIT | 4 days ago |
| 6794 | Framework wiring for the React v7 UI Kit across Vite, Create React App, Next.js, React Router (incl. | cometchat/ | 131 | — | ~1.2k | Automated safety check: Notes | MIT | 4 days ago |
| 6795 | Diagnose a broken CometChat React v7 integration — blank panes, a collapsed/0-height surface, empty lists, no messages, the kit's error state, events that never fire, or a versionconflict. | cometchat/ | 131 | — | ~1.4k | Automated safety check: Pass | MIT | 4 days ago |
| 6796 | Analyse systématique d'un Data Processing Agreement (DPA) au regard de l'article 28 RGPD, des lignes directrices EDPB 07/2020 et 02/2024, des CCT 2021 (décision d'exécution 2021/914), des… | lawve-ai/ | 842 | — | ~7.7k | Automated safety check: Pass | Unknown | 7 days ago |
| 6797 | Panel structure design, firm selection criteria, right-sourcing analysis, and coverage gap assessment for in-house legal teams. | lawve-ai/ | 842 | — | ~8.4k | Automated safety check: Pass | Unknown | 7 days ago |
| 6798 | 6798.UI Package Best practices for building a Flutter UI package on Material: custom components, ThemeExtension theming, consistent APIs, widget tests, appuipackage scaffolding. | VeryGoodOpenSource/ | 170 | — | ~2.2k | Automated safety check: Warn | MIT | 3 days ago |
| 6799 | 6799.Architect Design systems and record architecture decisions as ADRs — a user-invoked Principal Architect workflow. | dralgorhythm/ | 125 | — | ~475 | Automated safety check: Pass | No licence | 2 mo ago |
| 6800 | 6800.QA Engineer Define test strategy and verify quality against WCAG and testing-pyramid criteria — a user-invoked QA Engineer workflow. | dralgorhythm/ | 125 | — | ~631 | Automated safety check: Pass | No licence | 2 mo ago |
| 6801 | Fix LRU-bounded Flutter/bloc state classes that silently lose insertion-order updates. | divinevideo/ | 266 | — | ~2k | Automated safety check: Pass | MPL-2.0 | today |
| 6802 | Fix "setState() or markNeedsBuild() called during build" error triggered from deactivate(). | divinevideo/ | 266 | — | ~938 | Automated safety check: Pass | MPL-2.0 | today |
| 6803 | Fix Flutter test failure "A Timer is still pending even after the widget tree was disposed". | divinevideo/ | 266 | — | ~919 | Automated safety check: Pass | MPL-2.0 | today |
| 6804 | Fix Flutter TabController crash when dynamically showing/hiding tabs. | divinevideo/ | 266 | — | ~1.8k | Automated safety check: Pass | MPL-2.0 | today |
| 6805 | Fix Flutter PageView "snap back" or scroll position reset issues on provider/state rebuilds. | divinevideo/ | 266 | — | ~1.2k | Automated safety check: Pass | MPL-2.0 | today |
| 6806 | Fix infinite rebuild loop in Flutter when using PageView with URL-based routing (GoRouter) and reactive state management (Riverpod/BLoC). | divinevideo/ | 266 | — | ~1.6k | Automated safety check: Pass | MPL-2.0 | today |
| 6807 | Fix invisible or poorly visible SVG icons in Flutter when using fluttersvg package. | divinevideo/ | 266 | — | ~979 | Automated safety check: Pass | MPL-2.0 | today |
| 6808 | Debug and fix infinite widget rebuild loops in Flutter apps using Riverpod state management. | divinevideo/ | 266 | — | ~1.8k | Automated safety check: Pass | MPL-2.0 | today |
| 6809 | Fix "ref.listen can only be used within the build method of a ConsumerWidget" assertion error in Flutter Riverpod 3.x. | divinevideo/ | 266 | — | ~1.1k | Automated safety check: Pass | MPL-2.0 | today |
| 6810 | Fix Riverpod "Using ref when widget is unmounted is unsafe" error in ConsumerStatefulWidget. | divinevideo/ | 266 | — | ~928 | Automated safety check: Pass | MPL-2.0 | today |
| 6811 | Fix Flutter home feed / main screen stuck on loading spinner after login when using Riverpod StreamProvider that watches GoRouter location changes. | divinevideo/ | 266 | — | ~2k | Automated safety check: Pass | MPL-2.0 | today |
| 6812 | Fix 404 errors for frontend JS files when using Vite proxy. An agent skill from divinevideo/divine-mobile. | divinevideo/ | 266 | — | ~1.3k | Automated safety check: Pass | MPL-2.0 | today |
| 6813 | 6813.Animation Gen Generate CSS and Framer Motion animations from plain English. | sundial-org/ | 663 | — | ~644 | Automated safety check: Pass | No licence | 7 mo ago |
| 6814 | Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. | sundial-org/ | 663 | — | ~2k | Automated safety check: Pass | No licence | 7 mo ago |
| 6815 | 6815.Landing Gen Generate a beautiful HTML landing page from your package.json. | sundial-org/ | 663 | — | ~660 | Automated safety check: Pass | No licence | 7 mo ago |
| 6816 | 6816.Theme Gen Generate a complete design system from brand colors using AI. | sundial-org/ | 663 | — | ~671 | Automated safety check: Pass | No licence | 7 mo ago |
Explore related skills
Categories for Frontend Developers
Popular topics
- Pull requests1,953
- Debugging1,170
- Changelog and release notes1,168
- Refactoring1,139
- Code review1,044
- Accessibility1,037
- Technical documentation1,010
- Cross-platform mobile apps904
- Unit testing889
- Linting and formatting859
- Design systems831
- Git workflow815
- Diagrams807
- End-to-end testing790
- Project scaffolding749
- Browser testing672
- iOS development649
- Root cause analysis605
- Code quality601
- Test generation590
- QA and bug reports583
- Commit messages564
- Architecture decision records555
- Failing and flaky tests554