GitHub
frontend-ui-ux
Frontend UI/UX changes, dashboards, visualizations, and UI testing. Use when modifying the web UI, improving UX, adjusting visualizations, or running frontend tests.
☆ 0View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories
frontend Clear filters
Browse skills
GitHub
fe-eng-001-frontend-engineer-dashboard
Agent grid display, task management UI, and real-time status updates
☆ 0View skill
GitHub
brainstorming-into-designs
Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validatio...
☆ 0View skill
GitHub
executing-plans
Use when a complete implementation plan is provided to execute in controlled batches with review checkpoints - ensures synchronization between Java 21 backend (MapStruct/Flyway) and React/Angular frontend befor...
☆ 0View skill
GitHub
layer-frontend
Use when creating or modifying code in frontend/. Covers React components, hooks, API clients, and TypeScript code. All frontend changes require lint, typecheck, and build verification before completion.
☆ 0View skill
GitHub
component-refactoring
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexi...
☆ 0View skill
GitHub
typescript
Enforces strict TypeScript types across frontend and backend codebases. Use when: Writing new services, DTOs, interfaces, type guards, debugging type errors, or ensuring type safety at API boundaries.
☆ 0View skill
GitHub
component-refactoring
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexi...
☆ 0View skill
GitHub
api-handoff
Create API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for frontend integration, or user says 'create handoff', 'document API', 'frontend handoff'...
☆ 0View skill
GitHub
frontend-design-principles
Enforces precise, minimal design systems inspired by Linear, Notion, and Stripe. This skill should be used when the user asks to "design a dashboard", "build an admin interface", "create a UI", "make it look li...
☆ 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
stitch-prompt
Generate optimized UI prompts for Google Stitch (Gemini 2.5). Convert design ideas, specs, or wireframe descriptions into structured prompts following the 5-part pattern. Use when creating UI mockups, prototypi...
☆ 0View skill
GitHub
getflowetic-frontend-design
Dashboard design intelligence for GetFlowetic's designAdvisorAgent. Provides industry-specific style bundles, platform-appropriate aesthetics, and BM25 search integration with UI/UX Pro Max knowledge base. Use...
☆ 0View skill
GitHub
agent-ops-project-sections
Identify and map different sections of a software project (API, frontend, database, CLI, domain). Use for context scoping and architecture documentation.
☆ 0View skill
GitHub
arch-orchestrator
Use when the user says "create architecture plan/specs", "turn this brief into docs", "generate frontend/backend/api specs", or "write the spec markdown files". Triggers on requests for end-to-end software arch...
☆ 0View skill
GitHub
enterprise-react-frontend-builder
Expert skill for building secure, scalable, enterprise-grade React frontend applications using Vite, TanStack Query & Router, TakeOff UI components, and Tailwind CSS. Use this skill when creating new React proj...
☆ 0View skill
GitHub
google-adk-copilotkit
Build full-stack AI agents using Google ADK (Agent Development Kit) with CopilotKit frontend via AG-UI protocol. Use when building production-ready AI agents with Gemini models, multi-tool agents, human-in-the...
☆ 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
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
test-front-component
Creates unit tests for React frontend components using Vitest and React Testing Library, following accessibility-first best practices.
☆ 0View skill
GitHub
frontend-testing
Comprehensive frontend testing with Playwright, Cypress, Jest, and React Testing Library. Covers E2E testing, component testing, unit testing, visual regression, and accessibility testing. Use for quality assur...
☆ 0View skill
GitHub
cypress
Write end-to-end tests with Cypress including browser automation, API testing, component testing, and visual regression. Use for E2E testing, integration testing, or frontend QA automation.
☆ 0View skill
GitHub
frontend-checker
Kiểm tra sức khỏe frontend tự động using Puppeteer. Invoke khi user muốn tìm broken pages, console errors, hoặc verify frontend stability.
☆ 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.