Web Design

Name: Web Design
Author: tigusigalpa

ASecurity

Turn a website brief and visual references into a coherent design and implementation, or revise an existing visual design, when Web Design is enabled.

11 stars
0 votes
0 copies
0 views
Added October 16, 2026

ai-agentsbackend

Security analysis

A100/100

Scanned October 16, 2026

npx -y skills add tigusigalpa/ai-kit --skill web-design --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Web Design?

Add the live security badge to your README. It updates with every re-scan.

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/tigusigalpa-web-design/badge)](https://www.skillsdirectory.com/skills/tigusigalpa-web-design)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

SKILL.md

---
name: web-design
description: Turn a website brief and visual references into a coherent design and implementation, or revise an existing visual design, when Web Design is enabled.
---

# Web Design

Read `../../../PROJECT_CONTEXT.md`, `../../../ai-kit/settings.json`, and the [Web Design workflow](../../../ai-kit/WEB-DESIGN.md). Apply when `web_design=true` and the task involves visual design; ordinary backend work does not need this workflow.
Reuse the project's brief, design system, components and stack. Read the Laravel or tool reference only when that route applies. Keep the user's chosen direction authoritative, resolve only material unknowns, and implement within the authorized scope. Review the rendered result when a browser is available and record actual evidence and unavailable checks.