skills.rest
countbot-ai
countbot-aiCOMMUNITY
Explore all skills by this author →
GitHub

web-design

Generate single-page websites from design requirements and deploy to Cloudflare Pages.

762|97|Updated Feb 19, 2026
Search Tags:#design#deployment#frontend#tailwind#web-design#cloudflare-pages#chartjs
One-click install
npx skills add https://github.com/countbot-ai/CountBot --skill web-design-countbot-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design
Source: https://github.com/countbot-ai/CountBot/tree/main/workspace/skills/web-design
Command: npx skills add https://github.com/countbot-ai/CountBot --skill web-design-countbot-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

CountBot users need a fast, repeatable way to generate polished single-page websites (reports, landing pages, data visualizations) and deploy them to production without heavy frontend setup.

Core Features & Use Cases

  • Automatically generate visually appealing single-page templates that cover landing pages, reports, and data visualizations
  • One-click deployment to Cloudflare Pages with a Tailwind CSS + Chart.js + Font Awesome stack
  • Supports editable templates and asset management for quick iteration and deployment

Quick Start

Generate a landing page from a brief and deploy it to Cloudflare Pages in one command

Frequently Asked Questions about web-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a Tailwind CSS landing page to Cloudflare Pages automatically?▼

Yes, you can create data-visualization dashboards using the integrated Chart.js library. The skill automates rendering for reports and dashboards, combining Chart.js with Tailwind CSS for polished, interactive single-page outputs.

Do I need to manually configure frontend assets to generate a single-page website?▼

No, you do not need to manually configure frontend assets to generate a single-page website. The skill uses template-driven rendering and handles asset management automatically via provided scripts to ensure proper formatting.

What is the best way to generate a single-page report with data visualizations?▼

The best way to generate a single-page report with data visualizations is using an automated template-driven rendering approach. This skill formats reports by combining Tailwind CSS styling with Chart.js widgets for interactive data outputs.

Can I use Font Awesome icons in a single-page web design generated from a brief?▼

Yes, you can use Font Awesome icons in a single-page web design generated from a brief. The skill utilizes a Tailwind CSS, Chart.js, and Font Awesome stack to ensure landing pages have proper visual formatting.

Does this one-click deployment tool support multi-page websites or only single-page layouts?▼

This one-click deployment tool supports only single-page website layouts such as landing pages, reports, and data-visualization dashboards. It enforces template-driven rendering specifically for polished single-page outputs deployed to Cloudflare Pages.

Related Skills

Explore More Design & Creative Skills→
HeyvhuangHeyvhuang
339

workflow-template-seeder

Orchestrate existing skills to seed runnable Next.js template directories from a brief spec.

Community
Intermediate
pawan0631pawan0631

cloudflare-deploy

Publish Cloudflare Workers and Pages to production and preview environments.

Community
Advanced
csim-sgcsim-sg

daisy-ui

Build UI components with DaisyUI v5 and Tailwind CSS 4.

Community
Intermediate
jasonkneenjasonkneen
471

openclicky-build-preview

Automate building and previewing websites, web apps, dashboards, and landing pages.

Community
Advanced