GitHub
frontend-component
Create React/Next.js 16 components. Use when building pages, client/server components, forms with useActionState, or UI with shadcn/ui. ALWAYS activate with frontend-design together.
☆ 5查看技能
“Frontend”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 数据与 AI
全部技能
GitHub
testing-webapps
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.
☆ 5查看技能
GitHub
building-artifacts
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Artifacts are automatically saved to ~/Desktop/Artifacts...
☆ 5查看技能
GitHub
drupal-frontend
Drupal Front End Specialist skill for theme development, Twig templates, and rendering system (Drupal 8-11+). Use when working with Drupal themes, Twig syntax, preprocessing, CSS/JS libraries, or template sugge...
☆ 5查看技能
GitHub
frontend-patterns
Modern frontend architecture patterns for React, Next.js, and TypeScript including component composition, state management, performance optimization, accessibility, and responsive design. Use when building UI c...
☆ 5查看技能
GitHub
design-guidelines
Comprehensive UI/UX design guidelines covering visual design (typography, color, motion) and user experience (cognitive psychology, interaction patterns, mental models). Use when building frontend interfaces or...
☆ 5查看技能
GitHub
frontend-design
Comprehensive frontend design principles for creating distinctive, aesthetically compelling web interfaces. Use when creating HTML artifacts, React components, or any frontend UI work to avoid generic "AI slop"...
☆ 4查看技能
GitHub
hey-api-codegen
Generate TypeScript clients from OpenAPI specs using @hey-api/openapi-ts. Type-safe API clients with Zod schemas. Use when: generating TypeScript clients from OpenAPI specifications for frontend or API consume...
☆ 4查看技能
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...
☆ 4查看技能
GitHub
vendix-frontend-theme
Theme and branding patterns.
☆ 4查看技能
GitHub
vendix-frontend-state
State management patterns.
☆ 4查看技能
GitHub
vendix-frontend-domain
Domain configuration.
☆ 4查看技能
GitHub
vendix-frontend-routing
Routing configuration.
☆ 4查看技能
GitHub
vendix-frontend
Angular 20 + NgRx patterns for Vendix frontend. Trigger: When editing files in apps/frontend/, creating components, or working with NgRx store.
☆ 4查看技能
GitHub
vendix-frontend-module
Angular module patterns.
☆ 4查看技能
GitHub
vendix-frontend-component
Angular component structure rules.
☆ 4查看技能
GitHub
project-bootstrap
Initialize new backend/frontend projects with opinionated defaults.
☆ 4查看技能
GitHub
code-review-checklist
Comprehensive code review checklists for backend and frontend code.
☆ 4查看技能
GitHub
ui-ux-specialist
Senior Accessibility & Frontend Engineer. Expert in WCAG 2.2 standards, Semantic HTML, and Inclusive Design for 2026.
☆ 4查看技能
GitHub
tailwind-ui
Tailwind CSS v4.1 best practices with WCAG 2.1 AA accessibility, theming, and dark mode support. Use when working with HTML, CSS, styling components, accessibility (a11y), WCAG compliance, color contrast, focus...
☆ 4查看技能
GitHub
angular-best-practices
Angular 21 development with modern best practices including signals, standalone components, reactive patterns, and accessibility. Use when creating Angular components, services, templates, or performing any Ang...
☆ 4查看技能
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...
☆ 4查看技能
GitHub
convert-haskell-elm
Convert Haskell code to idiomatic Elm. Use when migrating Haskell logic to frontend applications, translating pure functional patterns to Elm's architecture, or refactoring Haskell code for web UI. Extends meta...
☆ 4查看技能
GitHub
convert-elixir-elm
Convert Elixir code to idiomatic Elm. Use when migrating server-side Elixir logic to frontend applications, translating BEAM concurrency patterns to The Elm Architecture, or refactoring Elixir codebases for bro...
☆ 4查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。