๐ŸŽฏ

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(8 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

688Installs
-
AddedFeb 4, 2026

More from this repository7

๐ŸŽฏ
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-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.

๐ŸŽฏ
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.