GitHub
design-principles
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.
☆ 1View skill
Search results for “Frontend”
Skills matching the name, description or GitHub author.
Categories: devops sales marketing
Browse skills
GitHub
frontend-architect
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...
☆ 1View skill
GitHub
create-architecture
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...
☆ 1View skill
GitHub
frontend-design-optimizer
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".
☆ 1View skill
GitHub
superdesign
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
☆ 1View skill
GitHub
frontend-aesthetic
UI/UX visual design, styling, and aesthetic validation
☆ 1View skill
GitHub
aico-frontend-design
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", "...
☆ 1View skill
GitHub
frontend-ui-ux
Designer-turned-developer who crafts stunning UI/UX even without design mockups
☆ 1View skill
GitHub
frontend
Frontend UI/UX Engineer for interface design and implementation. Use when: creating UI components, styling, animations, responsive design, or UI review. 前端/UI 专家，设计师型开发者，关注间距、色彩、微交互。
☆ 0View skill
GitHub
frontend-design
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...
☆ 0View skill
GitHub
ui-skills
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,...
☆ 0View skill
GitHub
aico-frontend-design
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", "...
☆ 0View skill
GitHub
frontend-design
「Clarity / Deference / Depth」と、1プロダクト=1焦点の構成・大きいタイポ・余白・最小CTAを抽象化して、Web UI設計に適用する。
☆ 0View skill
GitHub
frontend-design
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...
☆ 0View skill
GitHub
ui-designer
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...
☆ 0View skill
GitHub
frontend-code-quality
Engineering principles for crafting well-built front-end user interfaces. When Claude needs to ensure the HTML, CSS, JS is performant and maintainable.
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
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.
☆ 0View skill
GitHub
frontend-ui-ux
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
☆ 0View skill
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...
☆ 0View skill
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...
☆ 0View skill
GitHub
ui-design
Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade de...
☆ 0View skill
GitHub
sixty-design-system
Sixty's production design system for enterprise SaaS applications. Use when building UI components, creating React/Next.js interfaces, styling dashboards, implementing light/dark themes, or applying Sixty's gla...
☆ 0View skill
Popular categories
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.