context-api-contracts
Frontend-backend API contracts, routes, clients, and type definitions. Handles API endpoint definitions, request/response types, route configuration, and cross-stack integration. Use when working with API endpo...
Skills matching the name, description or GitHub author.
Frontend-backend API contracts, routes, clients, and type definitions. Handles API endpoint definitions, request/response types, route configuration, and cross-stack integration. Use when working with API endpo...
Visual & UI philosophy (The 5 Pillars of Intentional UI). Apply to styling, layout, colors, typography, animations. Avoid "AI slop" aesthetics.
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 avoid...
Guide for building maintainable UI with ClojureScript and Fulcro. Use when creating UI components, designing component architecture, or following frontend patterns.
Frontend anti-patterns detection and resolution
Feature-Sliced Design architecture specialist
Professional frontend design system integrating Figma MCP, UI tools, and advanced design workflows for production-ready interfaces.
차별화된 프로덕션 수준의 프론트엔드 UI 설계 및 구현. Use when (1) UI/UX 디자인 필요, (2) 컴포넌트 디자인, (3) 화면 설계 및 구현, (4) Design Thinking 기반 프론트엔드 개발.
将 UI 样式需求转化为生产级的前端代码,支持设计令牌、可访问性合规和创意执行。
构建现代化的 UI/UX 设计,编写 Flutter/React 组件,配色方案与无障碍设计
Vue.js progressive JavaScript framework. Use for Vue components, reactivity, composition API, and frontend development.
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 avoid...
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
When building UI components, forms, or any user-facing interface. Check before every frontend PR.
Apply when defining API request/response types, DTOs, and shared types between frontend and backend.
Nano Banana Pro (nano-banana-pro) image generation skill. Use this skill when the user asks to "generate an image", "generate images", "create an image", "make an image", uses "nano banana", or requests multipl...
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 avoid...
Provides Next.js project architecture expertise and implementation patterns. Enforces BFF (Backend for Frontend) pattern, Server Components strategy, and data fetching policies. Specializes in App Router archit...
Provides comprehensive project folder structure design guidelines and best practices. Defines standard directory organizations for diverse project types including monorepos, web frameworks, backend services, li...
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Designer-turned-developer who crafts stunning UI/UX even without design mockups. Use when building user interfaces, improving visual design, creating components, or when the user needs help with styling, layout...
Routes development tasks to frontend, backend, or fullstack skills. Triggers on build, implement, code, create, feature, component, UI, API, server, database, docker, deploy.
Assists in implementing Tauri commands. Used for specific Tauri implementation patterns such as communication between frontend and backend, implementation of invoke functions, automatic conversion from camelCas...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.