Web Design

by countbot-ai

Web Design is a Frontend skill for Claude Code, published by countbot-ai in CountBot.

767 stars100 forkson countbot-ai/CountBotAdded 2026/08/23Repository updated 2026/08/11

View source on GitHub Download repo ZIP

agent-skillsai-agentsai-assistedassistantdeepseek-v4official

Install in seconds

Install Web Design

Copy Web Design into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/countbot-ai/CountBot/tree/main/workspace/skills/web-design ~/.claude/skills/web-design

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/countbot-ai/CountBot.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: workspace/skills/web-design/SKILL.md in countbot-ai/CountBot
Installs to: ~/.claude/skills/web-design
Collection: One of 14 skills cataloged from this repository
Category: Frontend — 567 skills

What Web Design does

Web Design generates polished single-page HTML sites for reports, landing pages, and data visualizations, and can deploy them to Cloudflare Pages. Use it when you need a webpage created or published online.

Web Design is cataloged under Frontend on DirSkills. Web Design comes from a repository tagged agent-skills, ai-agents, ai-assisted, assistant and deepseek-v4.

Documentation

README

Excerpt

不使用紫色渐变配色
不使用 Emoji 表情符号，统一使用 Font Awesome 图标代替
布局：灵活运用 Tailwind CSS 的 Grid / Flex 布局，根据内容量和类型选择合适的排版
卡片组件：圆角、阴影、悬停动效等可根据风格调整
图标：使用 Font Awesome 6.x <i class="fa-solid fa-xxx">
图表：使用 Chart.js，支持 bar / line / doughnut / radar / polarArea 等
响应式：确保移动端和桌面端都有良好的展示效果

Frequently asked about Web Design

What else does countbot-ai publish alongside Web Design?
Web Design is one of 14 skills that DirSkills catalogs from countbot-ai/CountBot, the repository it ships in. Its siblings there include Agent Browser, Agent Team Manager and Baidu Search. Each one is a separate skill with its own page in this directory, installs the same way Web Design does, and is maintained by countbot-ai in that same repository. The rest of the collection is listed on the countbot-ai/CountBot page.
How does Web Design compare to other Frontend skills?
Web Design ranks #392 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Web Design against them. Open each page to compare what they document and how they install.