Frontend skills

This skill helps you rapidly build and debug Laravel Blade views with Alpine.js and Tailwind, boosting UI reliability and developer productivity.

This skill guides mobile-first UI planning by generating ASCII wireframes and WIREFRAME.md templates to visualize layout before coding.

This skill helps you define contract-first UI with TypeScript interfaces and build server components using compound patterns for scalable components.

This skill helps you manage grouped React state and localStorage persistence with ahooks, improving form, settings, and UI consistency.

This skill helps you craft production-grade UI with consistent spacing, typography, color, and depth using Refactoring UI-inspired principles.

This skill helps you set up Tailwind v4 with shadcn/ui, configure CSS variables, dark mode, and accessible forms in React projects.

This skill helps you apply gpui-component best practices to build reusable, theme-aware UI components, dialogs, and forms in GPUI projects.

This skill generates a visual design catalogue with multiple proposals to explore directions before implementing.

This skill scaffolds cross-platform React Native components with TypeScript support and platform-specific optimizations for mobile apps.

This skill helps you master Framer workflows from design to production, including MCP integration, motion, and CMS for fast, polished web experiences.

This skill guides browser extension development with Manifest V3, minimal permissions, and cross-browser strategies to simplify secure, interoperable

This skill helps you research topics efficiently by running parallel agent queries to compare options, libraries, and implementations.

This skill helps you verify WCAG 2.1 Level AA accessibility, identify violations, and generate remediation guidance for web projects.

This skill helps you develop, debug, and integrate Blockbench plugins by guiding actions, dialogs, panels, and model workflows.

This skill generates type-safe TypeScript API clients from OpenAPI specs using @hey-api/openapi-ts with Zod validation.

This skill helps you write Svelte 5 components correctly by using runes and avoiding outdated Svelte 4 patterns.

This skill optimizes images for web performance by converting to modern formats, compressing efficiently, and generating responsive sizes.

This skill generates Arc-compatible architecture diagrams as JSON from user input, enabling quick visualization of systems in React apps.

This skill generates concise Korean Conventional Commit messages based on git diff, ensuring accurate type, subject, and optional body.

This skill helps you apply GPUI best practices to desktop UI development, improving performance, reliability, and maintainability across views, state, events,

This skill helps you build and troubleshoot streaming Vercel AI SDK v5/v6 chat UIs with tool approvals and agent integration.