GitHub
frontend-design
UIコンポーネント、スタイリング、レイアウト、デザインシステムを作成する際にブランド一貫性のあるデザインガイドラインを適用する。フロントエンドコンポーネントの構築、デザイン実装、ビジュアル/UXに関する議論の際に使...
☆ 0查看技能
“frontend”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 部署与运维
全部技能
GitHub
backoffice-fullstack
Fullstack development skill for WL Backoffice system. Handles feature implementation across Kirby (FE), Coloris (BE API), Promodia (Promotion), and Monika (SQL Database). Use when users want to "create new feat...
☆ 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
frontend-skill
Build responsive web pages, create reusable components, implement layouts, and apply styling with modern CSS. Use for developing user interfaces and interactive web applications.
☆ 0查看技能
GitHub
tdc-frontend
Create Vue.js 3 frontend code for The Dreamer's Cave. Use for components, composables, stores, animations, and theming.
☆ 0查看技能
GitHub
tdc-testing
Create and run tests for The Dreamer's Cave. Use for pytest (backend), vitest (frontend), fixtures, mocking, and coverage.
☆ 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, or applications. Generates creative, polished code that avoid...
☆ 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, or applications. Generates creative, polished code that avoid...
☆ 0查看技能
GitHub
react
React framework for building user interfaces. Use for React components, hooks, state management, JSX, and modern frontend development.
☆ 0查看技能
GitHub
frontend-design
Apply when creating React frontend UI: pages, dashboards, forms, components, layouts, landing pages, modals. Enforces neobrutalist design — hard shadows, 2px borders, warm cream/yellow palette, no dark mode. Te...
☆ 0查看技能
GitHub
fullstack-feature
Orchestrates creating a complete fullstack feature across backend and frontend. Use when adding new features that span both layers.
☆ 0查看技能
GitHub
deploy-component
Deploys a component (frontend, backend, or landing) using SST. Use when deploying to AWS, pushing to dev or prod environments.
☆ 0查看技能
GitHub
frontend-quality
Runs frontend quality checks including TypeScript, ESLint, and tests. Use before commits, PRs, or when the user says "check frontend", "run frontend tests", "lint frontend".
☆ 0查看技能
GitHub
add-feature-hook
Creates TanStack Query hooks for API features with authentication. Use when connecting frontend to backend endpoints, creating data fetching hooks.
☆ 0查看技能
GitHub
quality-check-all
Runs quality checks across all components (backend, frontend, landing). Use before creating PRs, merging, or to verify overall code quality.
☆ 0查看技能
GitHub
deploy-stack
Deploys multiple components to an environment. Use for coordinated deployments of backend, frontend, and landing.
☆ 0查看技能
GitHub
design-audit
Use when reviewing frontend design quality without a reference. Identifies UX issues, accessibility problems, and visual inconsistencies with actionable fix suggestions.
☆ 0查看技能
GitHub
design-compare
Use when comparing a frontend implementation against a reference design (Figma, mockup, screenshot). Performs pixel-level and structural analysis to identify discrepancies.
☆ 0查看技能
GitHub
openai-chatkit-frontend
Patterns for building AI chatbot frontends using OpenAI ChatKit with Next.js App Router, including custom backend integration via ChatKit Python SDK.
☆ 0查看技能
GitHub
nextjs-frontend-api-client-patterns
Standard patterns for HTTP/API clients in Next.js 16+ App Router frontends: where to put the client, how to type it, how to handle errors, and how to attach auth headers in a reusable way.
☆ 0查看技能
GitHub
monorepo-spec-kit-structure
Standard project layout and Spec-Kit usage patterns for AI-driven, spec-driven monorepos that host frontend, backend, and specs in a single repository.
☆ 0查看技能
GitHub
inertia
How to work effectively with Inertia, always use when developing frontend features
☆ 0查看技能
GitHub
wayfinder
How to work effectively with Laravel Wayfinder, always use when developing frontend features
☆ 0查看技能
GitHub
react
How to work effectively with React, always use when developing frontend components
☆ 0查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。