GitHub
ui-ux-design
Create production-grade frontend interfaces with strong UX and visual craft. Use when building web components, pages, dashboards, forms, landing pages, or any UI. Use when user says 'build a form', 'create a da...
☆ 8查看技能
“frontend”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录
frontend 清除筛选
全部技能
GitHub
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Use when verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
☆ 8查看技能
GitHub
web-automation
Web automation, debugging, and E2E testing with Playwright. Handles interactive (login, forms, reproduce bugs) and passive modes (network/console capture). Triggers on "e2e test", "browser test", "playwright",...
☆ 8查看技能
GitHub
gemini-review
Invoke Gemini for design/code review. PROACTIVE: (1) BEFORE proposing new features/architecture, (2) AFTER >100 lines or >3 files changed (before tests), (3) AFTER security/perf changes, (4) ON SESSION RESUME -...
☆ 8查看技能
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, or applications. Generates creative, polished code that avoid...
☆ 8查看技能
GitHub
frontend-implementation
FigmaやUI要件を「壊れない・拡張しやすい」実装へ翻訳するための判断軸。px写経を避け、比率・構造・制約・状態を先に設計してからUIを組み立てる。
☆ 8查看技能
GitHub
streamlit
Build interactive data applications and dashboards with pure Python - no frontend experience required
☆ 8查看技能
GitHub
feature-flags-implementation
Database-backed feature flag systems in the Orient. Use when implementing feature flags, debugging flag-related issues, or understanding the flag hierarchy. Covers schema design, API patterns, frontend hooks, I...
☆ 8查看技能
GitHub
react-server-components-framework
Design and implement React Server Components with Next.js 15 App Router. Master server-first architecture, streaming SSR, Server Actions, and modern data fetching patterns for 2025+ frontend development.
☆ 8查看技能
GitHub
frontend-aesthetics
Instructions on how to design high quality frontend aesthetics
☆ 8查看技能
GitHub
dashboard-api-authentication
Proper authentication patterns for dashboard frontend API calls. Use when adding new API endpoints, creating components that fetch data, or debugging 401 Unauthorized errors. Covers JWT token handling, the apiR...
☆ 8查看技能
GitHub
vite
Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins, working with dev server, or building for production.
☆ 8查看技能
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, or applications. Generates creative, polished code that avoid...
☆ 7查看技能
GitHub
foundry-nextgen-frontend
Build elegant frontend UIs following Microsoft Foundry's NextGen Design System using Vite + React + pnpm. Use when creating dashboards, agent builders, data grids, entity management interfaces, or any applicati...
☆ 7查看技能
GitHub
vue3-frontend-dev
Vue3 前端开发规范和最佳实践指南。适用于现代Vue3项目开发，涵盖代码组织、Composition API、状态管理、性能优化、测试等全方位内容。
☆ 7查看技能
GitHub
nodejs-development
Modern Node.js development with Bun, Vite, Vue 3, Pinia, and TypeScript. Covers JavaScript/TypeScript projects, high-performance tooling, and modern frameworks. Use when user mentions Node.js, Bun, Vite, Vue, P...
☆ 7查看技能
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, or applications. Generates creative, polished code that avoid...
☆ 7查看技能
GitHub
nextjs-shadcn
Creates Next.js 16 frontends with shadcn/ui. Use when building React UIs, components, pages, or applications with shadcn, Tailwind, or modern frontend patterns.
☆ 7查看技能
GitHub
frontend-development
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router,...
☆ 7查看技能
GitHub
shadcn-tailwind
React component library skill for shadcn/ui + Tailwind CSS. Use for React/Next.js/Vite projects needing accessible UI components (dialogs, forms, tables, navigation), Radix UI primitives, Tailwind utility styli...
☆ 7查看技能
GitHub
performance-optimization
Use when analyzing and improving performance for database queries, API endpoints, or frontend rendering.
☆ 7查看技能
GitHub
tasks-feature-implementation
Use when implementing new features or enhancements requiring multi-layer changes (Domain, Application, Persistence, API, Frontend).
☆ 7查看技能
GitHub
arch-performance-optimization
Use when analyzing and improving performance for database queries, API endpoints, or frontend rendering.
☆ 7查看技能
GitHub
tasks-test-generation
Use when creating or enhancing unit tests, integration tests, or defining test strategies for backend and frontend code.
☆ 7查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。