GitHub
brand-guidelines
Apply Microsoft branding to frontend applications using Fluent 2 design system colors, typography, and styling patterns
☆ 0View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Data & AI
Browse skills
GitHub
frontend-component-scaffold
前端组件脚手架技能：负责React/Vue组件模板、Props/State结构设计、事件处理、组件样式、默认属性配置。使用时需要定义组件Props、设计State结构、实现事件处理、配置样式、设置默认属性。
☆ 0View skill
GitHub
asistec-frontend
Úsalo cuando el usuario necesite crear pantallas, componentes visuales, lógica de cliente (Angular), rutas en Ionic, aplicar estilos SCSS o modificar el frontend.
☆ 0View skill
GitHub
frontend-api-call-generator
前端API调用生成器技能：负责Fetch/Axios封装、错误统一处理、重试逻辑、请求拦截器、响应类型定义。使用时需要配置API基础URL、实现请求拦截器、配置错误处理、设置重试逻辑、定义响应类型。
☆ 0View skill
GitHub
nano-banana-imager
Use this skill to generate high-quality images, icons, and assets for frontend web development using Gemini 3 Pro.
☆ 0View skill
GitHub
frontend-tables-tanstack-table
TanStack Table で勤怠一覧/勤務表を作る。列定義、ソート/フィルタ、ページング、集計行、アクセシビリティ、CSV出力の型を固定する。キーワード: TanStack Table, table, columns, sorting, filtering, CSV
☆ 0View skill
GitHub
frontend-server-state-tanstack-query
TanStack Query を使って勤怠データを扱う。queryKey設計、infinite/pagination、mutation、楽観更新、エラー/リトライ、キャッシュ無効化の運用を固定する。
☆ 0View skill
GitHub
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
☆ 0View skill
GitHub
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
☆ 0View skill
GitHub
chrome-browser-automation
Automates Chrome browser workflows for testing web apps, debugging with console/network logs, extracting data, filling forms, and interacting with authenticated web applications (Google Docs, Gmail, Notion). Us...
☆ 0View skill
GitHub
ha-error-checking
Debug and validate Home Assistant dashboards, configurations, and entity usage via WebSocket API. Use when troubleshooting dashboard errors, validating entity IDs, checking HACS card installations, or investiga...
☆ 0View skill
GitHub
full-stack-audit
Verifies the integrity of the OlyBars platform (Vibe, Database, Frontend).
☆ 0View skill
GitHub
design-principles
Swiss International Style design system for Resume Matcher. Use this skill when building UI components, modifying styles, or creating new pages. Every frontend change MUST follow these rules.
☆ 0View skill
GitHub
frontend-engineering
Specializes in building high-quality, brand-consistent frontend interfaces. This skill enforces the usage of 'README-as-Database' pattern and rendering content as rich OG cards.
☆ 0View skill
GitHub
primitives-toolkitfrontend-design
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...
☆ 0View skill
GitHub
frontend-design
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...
☆ 0View skill
GitHub
webapp-testing
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.
☆ 0View skill
GitHub
web-artifacts-builder
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...
☆ 0View skill
GitHub
deployment-manager
Deploy NutriProfile to production. Use this skill when deploying backend to Fly.io, frontend to Cloudflare Pages, managing secrets, running health checks, or troubleshooting deployment issues.
☆ 0View skill
GitHub
cross-stack-feature
Phase-sliced workflow for cross-stack features (backend + portal). Use when implementing features that span both backend API and portal-web UI. Triggers: cross-stack, backend + portal, endpoint + UI, API + fron...
☆ 0View skill
GitHub
artifacts-builder
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...
☆ 0View skill
GitHub
task-breakdown
Break down high-level plans into specific tasks with file paths, line numbers, and verification steps. Creates execution-ready implementation plans.
☆ 0View skill
GitHub
webapp-testing
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.
☆ 0View skill
GitHub
bug-detective
Full-stack debugging specialist for Faiston NEXO. Use when encountering errors, bugs, test failures, or unexpected behavior in Frontend (React, TypeScript, Vite), Backend (FastAPI, Lambda), Agents (Google ADK,...
☆ 0View skill
Popular categories
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.