Frontend skills

This skill helps you implement and optimize Turborepo monorepos, enabling efficient task pipelines, caching, and cross-package orchestration.

This skill helps you build Shopify themes, apps, and headless storefronts with Liquid, Storefront API, and optimized checkout flows.

This skill helps you build high-performance Next.js 14+ apps with App Router, server components, and SEO-driven deployment.

This skill helps you implement secure full-stack features from API design to UI, integrating frontend, backend, and security considerations.

This skill helps you build modern ES2023+ vanilla JavaScript apps, optimize performance, and implement robust async patterns across modules and Node.js.

This skill helps you build scalable Salesforce apps by applying Apex, LWC, and DX best practices, optimizing queries, and handling governor limits.

This skill guides you to apply Mantel brand styles to diagrams and frontend components for consistent visuals.

This skill guides you to create MCP Apps by registering tools and resources, wiring UI to hosts, and choosing framework templates.

This skill helps you build cross-platform React Native apps with Expo, optimize navigation and FlatList performance, and ensure robust platform handling.

This skill helps you design and optimize Flutter 3+ apps with const widgets, Riverpod, GoRouter, and platform-specific implementations for high performance.

This skill reverse-engineers a design system from code and screenshots to produce a developer-ready design reference for components.

This skill generates images using Google Gemini to create UI mockups, icons, diagrams, and illustrations for any project.

This skill helps you apply Refactoring UI principles to create clean, scalable frontends with consistent spacing, typography, color, and depth.

This skill helps you evaluate interfaces using Krug and Nielsen heuristics to audit usability, improve navigation, and prioritize fixes effectively.

This skill visualizes cc capabilities by generating an attractive HTML dashboard from .claude/DASHBOARD.md and opens it in the browser.

This skill helps you craft world-class web experiences with premium typography, motion, and layout to reach Awwwards-level prestige.

This skill helps you design, build, and refine frontend UI/UX with searchable palettes, typography, and stack guidelines across frameworks.

This skill formats git commit messages according to Conventional Commits, ensuring consistent type, scope, and description across projects.

This skill helps frontend teams apply rigorous technical decision criteria and anti-pattern knowledge to QA, design decisions, and debugging workflows.

This skill enforces React and TypeScript frontend best practices for type safety, component design, state management, and error handling.

This skill helps Angular developers implement server-side rendering, hydration, and prerendering with v20+ so apps load faster and are SEO-friendly.