🎯

web-design-guidelines

🎯Skill

from langgenius/dify

VibeIndex|
What it does
|

Provides AI-guided recommendations and best practices for creating user-friendly, modern web design interfaces and layouts.

Overview

Web Design Guidelines is a skill from the Dify project that provides AI-guided recommendations and best practices for creating user-friendly, modern web design interfaces and layouts. It helps developers and designers make informed design decisions during development.

Key Features

  • Best practices for modern web interface design and layout
  • AI-guided recommendations for user-friendly design patterns
  • Guidelines for creating accessible and visually appealing interfaces
  • Covers common web design patterns and responsive layout principles

Who is this for?

This skill is for developers and designers who want design guidance while building web interfaces. It is especially useful for developers without a dedicated design team who need reliable design principles to follow during implementation.

📦

Same repository

langgenius/dify(10 items)

web-design-guidelines

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add langgenius/dify --skill web-design-guidelines
skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add langgenius/dify --skill web-design-guidelines
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/web-design-guidelines/SKILL.md

SKILL.md

689Installs
-
AddedFeb 4, 2026

More from this repository9

🎯
frontend-code-review🎯Skill

An open-source platform for building generative AI applications with visual workflow orchestration, RAG pipelines, agent capabilities, model management, and observability features.

🎯
component-refactoring🎯Skill

An open-source platform for building generative AI applications with visual workflow orchestration, RAG pipelines, agent capabilities, model management, and observability features.

🎯
frontend-testing🎯Skill

An open-source platform for building generative AI applications with visual workflow orchestration, RAG pipelines, agent capabilities, model management, and observability features.

🎯
skill-creator🎯Skill

Generates Claude Code skills by analyzing requirements and automatically creating structured code templates for AI-powered functionality.

🎯
orpc-contract-first🎯Skill

Implements contract-first API development with oRPC, defining service interfaces before implementation for type-safe client-server communication

🎯
vercel-react-best-practices🎯Skill

Dify is an open-source platform for building AI application workflows including RAG pipelines, AI agents, and model management with visual orchestration, supporting self-hosting and cloud deployment.

🎯
backend-code-review🎯Skill

A backend code review skill from the Dify project, an open-source LLM application development platform that enables building AI workflows, RAG pipelines, and agent capabilities with a visual canvas and hundreds of model integrations.

🎯
frontend-query-mutation🎯Skill

Skill

🎯
e2e-cucumber-playwright🎯Skill

Skill