Frontend
8107 skills in Development > Frontend
ui-components
React UI component specialist with Tailwind CSS and shadcn/ui for building responsive, accessible interfaces
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
comment-cleanup
Guidelines for comments in code. Use when adding, editing, or removing comments.
rp2350-c-cpp
Expert RP2350 C/C++ development with Pico SDK, covering CMake configuration, peripheral drivers (GPIO, SPI, I2C, PWM, UART), hardware optimization, FreeRTOS integration, and bare-metal programming. Use when developing C/C++ firmware for RP2350/RP2040 boards, implementing hardware drivers, optimizing performance, or building real-time embedded applications.
interactive-planner
Use Claude Code's interactive question tool to gather comprehensive requirements through structured multi-select questions
codebase-index
Quickly index and understand a codebase's architecture. Use at session start to get up to speed fast. Finds entry points, API routes, classes, models, configs, and patterns.
react-email-templates
React Email component patterns for building responsive email templates using JSX, component composition, and preview servers. Use when creating reusable email components, building responsive templates, setting up email preview environments, or integrating React Email with Resend for dynamic email content.
components
Use @inkcre/web-design Vue 3 components. Includes all 19 components with props, events, and usage examples.
frontend-development
Master modern frontend web development with HTML5, CSS3, JavaScript, TypeScript, React, Vue, Angular, Next.js, UX Design, and Design Systems. Learn responsive design, accessibility, performance optimization, and professional development practices.
react-quality
Enforces React and TypeScript best practices, detects anti-patterns, and ensures code quality. Use when reviewing components, refactoring code, or validating implementations. Triggers on code review requests, quality checks, or React-specific questions.
react-19
Guide for React 19 development with Actions, Server Components, and new hooks. Use for building React 19 apps, form handling, optimistic updates, and migrations.
creating-vue-components
Guides creating Vue 3 components with glass-morphism UI for the anime extension. Use when building UI components, styling with Tailwind, or implementing the design system.
skill-creator
Create new Claude Code skills with proper structure, documentation, and best practices. Use when building custom skills for specific domains, workflows, or organizational needs.
specimin-ui-generate
Generate UI code from sketches, mockups, or descriptions. Works standalone for simple changes or with design context for complex features. Explores codebase, makes decisions inline, generates production code with validation.
angular-developer
[Extends frontend-developer] Angular 21 specialist. Use for Angular-specific features: Signals, zoneless change detection, NgRx SignalStore, standalone components, Signal Forms, Angular Aria. Invoke alongside frontend-developer for Angular projects.
spring-boot-full-stack
Complete Java Spring Boot skill set for building enterprise applications.Includes modular architecture with optional components:- PostgreSQL database with JPA/Hibernate + Flyway migration- Redis caching (optional)- Kafka/RabbitMQ messaging (optional, choose one)- JWT + OAuth2 authentication (optional OAuth2)- RBAC authorization (optional)- TDD with Mockito- Spec-First Development with OpenSpec
polaris-compositions
Polaris composition patterns and page templates for common Shopify app layouts. Provides index tables, settings pages, dashboards, and resource management patterns. Auto-invoked when building page layouts.
text-message
Send text messages via Apple Messages app with automatic contact lookup and attachment support. This skill should be used when sending SMS/iMessage to contacts. Supports name-based recipient lookup via Google Contacts integration, image/file attachments, and handles missing recipient/message prompts. CRITICAL - Messages are ALWAYS sent individually to each recipient, NEVER as group messages. REQUIRES E.164 phone format (+1XXXXXXXXXX) for reliable delivery. Integrates Arlen's writing style guide for authentic messaging.
cleanup-github
Progressive audit and cleanup of GitHub accounts - stale forks, orphaned secrets, failing workflows, security configs. Audit-first with user approval before destructive actions. Triggers on 'clean up GitHub', 'audit my repos', 'GitHub hygiene', 'stale forks', 'orphaned secrets'. Requires gh CLI. (user)
building-blocks-advisor
Analyzes user requests to recommend appropriate Claude Code building blocks (skills, subagents, MCP servers, hooks, templates, or prompts). Use when users ask about extending Claude Code functionality, automating workflows, connecting external data, or when unclear which extensibility mechanism to use. Triggers include questions like "how do I...", "should I use a skill or agent", "how to automate...", "how to connect to...", or any request about creating extensions.