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.
按技能名称、说明或 GitHub 作者匹配的结果。
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.
Best practices for implementing features. Use when building pages, wiring API integrations, or assembling organisms.
Build accessible user interfaces that work for all users including those using assistive technologies. Use this skill when creating or modifying UI components, forms, or interactive elements. Use this skill whe...
Use this skill when designing UI/UX, creating dashboards, building SaaS interfaces, or reviewing frontend design. Provides S-tier design checklist inspired by Stripe, Airbnb, and Linear.
Build production-grade UI/UX with React (Next.js, Docusaurus), CSS architecture (Tailwind, Modules, Global), animations, theming, performance optimization, state management, and testing. Use when creating React...
Generate comprehensive system architecture documents from requirements, supporting Frontend, Backend, and Fullstack projects with scale-adaptive depth and Architecture Decision Records. Use when translating req...
Find the best UI/UX design patterns and architectures using deep research. Use when user asks to "improve UI", "optimize UX", "best design for [feature]", or "modern UI patterns".
UI/UX visual design, styling, and aesthetic validation
Transform PRD or story into complete page/component designs with ASCII layouts, component specs, interaction flows, and frontend implementation prompts. Use this skill when: - User asks to "design the page", "...
Designer-turned-developer who crafts stunning UI/UX even without design mockups
Frontend UI/UX Engineer for interface design and implementation. Use when: creating UI components, styling, animations, responsive design, or UI review. 前端/UI 专家,设计师型开发者,关注间距、色彩、微交互。
This skill should be used when implementing "UI/UX design", "Streamlit component design", "frontend styling", "user interface consistency", "design system implementation", "responsive design", or when creating...
This skill should be used when the user asks to "build UI", "create interface", "design components", "implement frontend", or needs guidance on building accessible, performant interfaces with proper animation,...
Transform PRD or story into complete page/component designs with ASCII layouts, component specs, interaction flows, and frontend implementation prompts. Use this skill when: - User asks to "design the page", "...
「Clarity / Deference / Depth」と、1プロダクト=1焦点の構成・大きいタイポ・余白・最小CTAを抽象化して、Web UI設計に適用する。
Create distinctive, production-grade frontend interfaces avoiding "AI slop" aesthetics. Use when: building landing pages, dashboards, components, or styling any web UI. Triggers: "design", "landing page", "beau...
Generate distinctive, modern UI designs with HTML/CSS/JS. Use when creating UI mockups, design systems, component libraries, or visual prototypes. Applies frontend design best practices for typography, color, m...
Engineering principles for crafting well-built front-end user interfaces. When Claude needs to ensure the HTML, CSS, JS is performant and maintainable.
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...
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...
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.
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
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...
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...
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。