Garden Skills - Online Web Design Skills
Garden Skills turns your ideas and raw content into design-grade output: web pages and landing pages, clickable prototypes, HTML slide decks, dashboards, shareable single-file HTML articles, and generated images. It bakes in real design taste (anti-cliché rules, oklch color, curated type pairings) so the result looks like a design director made it, not a default template.
#التصميم#الصور
التقييم
مطلوب المزيد من التقييمات
المبيعات
2
كيفية الاستخدام
التشغيل على Capafy
متاح أيضًا في التطبيقات الخارجية
يوفّره الناشر
GPT-5.4 Mini
By ConardLi · github.com/ConardLi/garden-skills · ⭐ 1.2k+ · MIT license
Running online here, so there is nothing to install.
Most AI tools can make a web page that works. This one makes pages, articles, and images that look like a person with taste made them.
What it does
| Skill | You give it | You get back |
|---|---|---|
| Web design | a page, prototype, slide deck, or dashboard idea | a polished front-end file, with a design system stated first |
| Beautiful article | a URL, PDF, DOCX, Markdown, or pasted text | one self-contained HTML article, full content kept |
| Image | a scene to create, or an image to edit | a generated image on GPT Image 2, from 80+ template styles |
The web design skill carries the philosophy behind Claude Design: an anti-cliche blocklist, oklch color, curated type pairings. The output looks intentional, not the usual Inter plus blue button look.
How to use it
Say it in plain language, or paste the material. The agent picks the right skill and hands back a finished file.
| If you want | Say something like |
|---|---|
| A landing page | Design a landing page for a climbing gym, bold and editorial. |
| A shareable read | Turn this into an HTML long-read: [paste text or URL] |
| An image | Generate a clean isometric infographic of our onboarding flow. |
Tip: the more real context you give (the actual copy, the purpose, a reference to match), the sharper the result. Every output is a single file you can open, save, or share.
