GitHub
frontend-design-system
将 UI 样式需求转化为生产级的前端代码，支持设计令牌、可访问性合规和创意执行。
☆ 1查看技能
“Frontend”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录
Frontend 清除筛选
全部技能
GitHub
frontend-design-expert
构建现代化的 UI/UX 设计，编写 Flutter/React 组件，配色方案与无障碍设计
☆ 1查看技能
GitHub
vue-development-skill
Vue.js progressive JavaScript framework. Use for Vue components, reactivity, composition API, and frontend development.
☆ 1查看技能
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...
☆ 1查看技能
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...
☆ 1查看技能
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...
☆ 1查看技能
GitHub
accessibility-checklist
When building UI components, forms, or any user-facing interface. Check before every frontend PR.
☆ 1查看技能
GitHub
typescript-api-types
Apply when defining API request/response types, DTOs, and shared types between frontend and backend.
☆ 1查看技能
GitHub
generate
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...
☆ 1查看技能
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...
☆ 1查看技能
GitHub
nextjs
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...
☆ 1查看技能
GitHub
project-structure
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...
☆ 1查看技能
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.
☆ 1查看技能
GitHub
frontend-ui-ux
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...
☆ 1查看技能
GitHub
development-router
Routes development tasks to frontend, backend, or fullstack skills. Triggers on build, implement, code, create, feature, component, UI, API, server, database, docker, deploy.
☆ 1查看技能
GitHub
tauri-command
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...
☆ 1查看技能
GitHub
frontend-dev
Frontend Developer for client-side implementation. Builds UI components, pages, and client logic. Use this skill for React, Vue, HTML/CSS, or frontend JavaScript work.
☆ 1查看技能
GitHub
local-knowledge
Leverage personal notes and documentation through Terraphim's role-based search. AI agents can search developer's local knowledge organized by domain (Rust, frontend, architecture) using the terraphim-agent REP...
☆ 1查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, Motion animations, and visual design phi...
☆ 1查看技能
GitHub
tauri-app
Bootstrap Tauri desktop applications with Rust backend and web frontend. Use when creating cross-platform desktop apps, Electron alternatives, or when the user wants a native desktop application with web techno...
☆ 1查看技能
GitHub
vercel-deployment
Vercel deployment using Vercel CLI for Next.js, React, Vue, static sites, and serverless functions. Includes project validation, deployment orchestration, environment management, domain configuration, and analy...
☆ 1查看技能
GitHub
component-templates
UI component library templates (buttons, forms, cards, modals, etc.). Use when generating frontend UI components.
☆ 1查看技能
GitHub
platform-detection
Detect project type and recommend deployment platform. Use when deploying projects, choosing hosting platforms, analyzing project structure, or when user mentions deployment, platform selection, MCP servers, AP...
☆ 1查看技能
GitHub
frontend-testing
Comprehensive frontend testing patterns including component tests (Jest/Vitest + RTL), visual regression (Playwright), accessibility (axe-core), and performance (Lighthouse) testing for React/Next.js applicatio...
☆ 1查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。