GitHub
frontend-design
Use when designing UI components, implementing accessibility, responsive layouts, or integrating with design systems.
☆ 0查看技能
“frontend”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录
frontend 清除筛选
全部技能
GitHub
browser-debugging
Use when debugging frontend issues in the browser. Covers DevTools usage, network debugging, performance profiling, and console patterns.
☆ 0查看技能
GitHub
frontend-design-alt-1
Créer des interfaces frontend distinctives et production-grade avec une esthétique forte et non générique. Utiliser quand l'utilisateur demande de concevoir ou refondre une interface (composants web, pages, app...
☆ 0查看技能
GitHub
frontend-design-alt-2
Appliquer une approche "intentional minimalism" pour concevoir des interfaces frontend avant‑gardistes, épurées et hautement intentionnelles. Utiliser quand l'utilisateur demande une interface sobre mais très p...
☆ 0查看技能
GitHub
frontend-style-guide
Strict design rules and style preferences for the frontend.
☆ 0查看技能
GitHub
markdowntown-frontend
Frontend UX and design system guidance for markdowntown. Use when changing UI, layout, styling, typography, motion, or Tailwind classes, especially for Workbench, Atlas, and Library surfaces.
☆ 0查看技能
GitHub
pricing-app-frontend
React frontend patterns for Pricing App - Zustand, CSS Modules, Tesla Design System, permissions
☆ 0查看技能
GitHub
pricing-app-permissions
Hybrid permission system - role-based + user overrides, frontend/backend patterns
☆ 0查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with a bold, memorable aesthetic. Use when building UI components, pages, or layouts.
☆ 0查看技能
GitHub
chrome-devtools-mcp
Use Chrome DevTools MCP for browser-side dev/test/debug (console, network, performance, UI issues). Trigger when debugging frontend behavior or performance.
☆ 0查看技能
GitHub
frontend-ui-ux
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
☆ 0查看技能
GitHub
frontend-design-system
Design and refactor React/Tailwind frontends using the project design system. Use this Skill when working on UI components, pages, layouts, or UX improvements and you want distinctive, accessible, non-generic d...
☆ 0查看技能
GitHub
typescript
TypeScript type system for type-safe JavaScript development. Covers types, interfaces, generics, and configuration for both frontend and backend. Trigger: When writing TypeScript code, when defining types or in...
☆ 0查看技能
GitHub
deployment
Helps with deploying OSD packages to sych.local. Use when discussing deployment, hot-reload, frontend updates, or gallery updates.
☆ 0查看技能
GitHub
frontend-design-theme-factory
Interactive UI theme generation when user needs help choosing colors/fonts. Generates cohesive themes based on brand personality using color harmony theory. Use ONLY when user is UNCERTAIN about colors/theme a...
☆ 0查看技能
GitHub
ux-accessibility
Accessibility principles for inclusive design - keyboard navigation, screen readers, ARIA, color contrast, and focus management. WCAG compliance for interfaces usable by all. Use when implementing interactive...
☆ 0查看技能
GitHub
frontend-design-figma-extraction
Complete Figma design extraction for pixel-perfect implementation. Extracts design tokens, component specs, layouts, and responsive behavior systematically. Use when user provides Figma design: - Figma URL or...
☆ 0查看技能
GitHub
quality-code-check
Code quality validation through linting, type checking, and build verification. Multi-language support for automated quality gates. Use when validating code quality: - After implementation to validate code mee...
☆ 0查看技能
GitHub
frontend-design-responsive
Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across screens. Use when building re...
☆ 0查看技能
GitHub
ux-feedback-patterns
User feedback patterns for interactions - loading states, success/error messages, form validation, empty states. Ensures users understand system state and next steps. Use when implementing user-facing state ch...
☆ 0查看技能
GitHub
quality-code-check
Code quality validation through linting, type checking, and build verification. Multi-language support for automated quality gates. Use when validating code quality: - After implementation to validate code mee...
☆ 0查看技能
GitHub
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45 rules across 8 categories, prioritized by impact. ALWAYS load when working with React/Next.js code: - Writing new Reac...
☆ 0查看技能
GitHub
frontend-design-fundamentals
Core design principles for implementing beautiful, professional UIs. Ensures consistent quality through spacing, typography, colors, and visual hierarchy. ALWAYS load when implementing UI/frontend code: - Crea...
☆ 0查看技能
GitHub
start-orchestrator
Starts the Orchestrator 3 Stream application (backend + frontend) in background mode. Use when the user asks to start orchestrator, launch orchestrator, run orchestrator, or open the orchestrator UI. Supports -...
☆ 0查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。