A skill for Claude Code and Codex · Design and frontend
web-builder-best-practices is the skill that has your AI build institutional sites, landing pages and blogs in plain PHP, HTML, CSS and JavaScript, the 2026 way: a folder structure built to grow, modern PHP, dependency free CSS and JS, semantic and accessible HTML, Core Web Vitals and security by default. It runs on any shared hosting.
Solo skill: unlocks right away, no guarantee after download. Purchase terms.
Or get all 25 skills plus 9 bonuses in the Supreme Pack for R$ 497.
The problem
AI loves starting a simple site with a heavy framework or a visual builder, and the result ends up slower, more expensive to host, and with more attack surface than the project ever called for. Three symptoms, and what changes with the skill.
| Without the skill | With web-builder-best-practices |
|---|---|
| A five page institutional site turns into a project with a build step, dependencies and a complicated deploy, none of which run on the shared hosting the client already pays for. | PHP with well organized includes plus plain HTML, CSS and JS, which runs on any shared hosting and stays easy to maintain two years from now. |
| A form that writes straight to the database, output with no escaping, and not a single security header, because a small site feels like nobody's target. | PDO with prepared statements, output escaping, CSRF tokens and security headers as the default, not as an afterthought someone remembers later. |
| A div for everything, generic CSS class names that collide, JavaScript that freezes the page, and technical SEO forgotten until the site goes live. | Semantic, accessible HTML, modern CSS with no Sass, JavaScript in native modules, and navigation and technical SEO planned before the first page exists. |
What you get out of it
A site organized from skeleton to launch, with the decisions explained for whoever touches it next.
public part kept separate from includes, config and assets, matched to your site's profile
validation, escaping, CSRF, uploads and login built to current standards
layers, non colliding names, native modules, and a page that works without scripts
semantic HTML, navigation architecture and Core Web Vitals from day one
How it works
Institutional sites, landing pages and blogs each call for a different structure, and every recommendation in the skill says which of the three it applies to.
Public folder kept separate from anything that shouldn't be accessible, includes for header and footer, and config kept out of the browser's reach.
PDO with prepared statements, output escaping and organized code, with no framework installed just to serve a page that's mostly static.
CSS using native features, JavaScript in modules with no bundler, and semantic, accessible HTML at WCAG 2.2 AA level.
Core Web Vitals on target, security headers, protected forms and uploads, and technical SEO checked before publishing.
Before you buy
No paid library and no framework required.
Its limits
When the project has complex business rules, multi role login or its own API, a framework starts to earn its keep, and the skill says so instead of forcing plain PHP. For an API, api-expert is in the catalog.
It handles the site's engineering. Visual direction, typography and the composition of each section are work for frontend-expert, and the two work well together.
Hosting, domain and page content stay part of the project: the skill organizes and secures whatever gets published.
What you receive
The price
Just web-builder-best-practices
R$57one time payment
Bought it solo and now want it all? Message me on WhatsApp and I will deduct what you already paid.
Supreme Pack
R$ 1.665R$497or 10x on a card
Buying all 25 solo adds up to R$ 1.665. The pack pays for itself by the ninth skill. See everything the Supreme Pack includes
02 · Design and frontend
Before you ask
For institutional sites, landing pages and blogs, plain PHP with well organized includes runs fast, hosts anywhere and has less attack surface than a full framework serving a static page. A framework earns its place when there are complex business rules, multi role login or an API involved.
Yes, it's one of the three profiles covered. To squeeze out every last millisecond of load time, page-speed-expert pairs well with it.
No. You ask in plain language and the AI writes it following the skill. It helps to understand the basics of how a site gets published, and Claude explains that along the way.
Yes, with post and category structure, pagination, on-page SEO and structured data for articles.
Yes, the license covers your work for third parties. What's off limits is reselling or redistributing the skill.
One-time payment, 12 months of updates. No refunds after download; the Supreme Pack comes with a 7-day guarantee.
