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.
☆ 0查看技能
“frontend”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录
frontend 清除筛选
全部技能
GitHub
fe-eng-001-frontend-engineer-dashboard
Agent grid display, task management UI, and real-time status updates
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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'...
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
GitHub
test-front-component
Creates unit tests for React frontend components using Vitest and React Testing Library, following accessibility-first best practices.
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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.
☆ 0查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。