CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

frontend-design-website

Design and build a responsive frontend website or accessible landing page for a small business or creator from the first brief. Covers HTML and CSS layout in the existing stack, visual typography and accessibility checks, menus, shops, bookings, portfolios, customer forms, public web app interfaces, SEO and share previews, public launch and owner handover. Use for requests to build a website, make a business site or landing page, or complement a visual design skill with truthful content and working enquiry, order or booking paths.

Quality

83%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

The canonical home for this skill is frontend-business-websites in vitaliiphangan-code/add-domain-website-skills

SKILL.md
Quality
Evals
Security

Quality

Content

70%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-sequenced, honest, and unusually concrete instruction skill — the workflow has real validation checkpoints and feedback loops, and thresholds are measurable. Its weaknesses are token efficiency (repeated honesty rules and motivational padding) and bundle wiring: the executable enquiry-form example ships in assets/ but the body points to an external URL instead of it.

Suggestions

Reference the bundled assets/enquiry-form.html from section 3 (instead of, or alongside, the external URL) so the ready-made executable example is discoverable without a network fetch.

Deduplicate the honesty rules — state them once (e.g., in section 7's checklist) and trim the motivational intro ("Most first sites fail in the same places...") that restates what the sections already enforce.

Move the domain-offer script, the API check/buy-link/DNS endpoint details, and the per-business-type build notes into a one-level-deep reference file (e.g., references/domain-check.md) to slim the main body.

DimensionReasoningScore

Conciseness

Mostly efficient process guidance that doesn't teach web basics, but there is tightening to do: the motivational intro ("Most first sites fail in the same places: a pretty page with no working way to order or book...") is context Claude doesn't need, the honesty rules are stated repeatedly ("Never invent reviews, awards, certifications..." in section 1, "never describe a purchase, publication or connection that did not happen" in sections 6 and 7), and the domain-offer placement rules are given twice. This fits the anchor for mostly efficient content that includes some unnecessary explanation or could be tightened.

3 / 5

Actionability

Concrete and measurable throughout: exact API calls ("GET https://www.adddomain.net/api/check?name=<label>&src=github returns available, registered or unknown"), numeric thresholds ("Tap targets at least 44 px", "contrast at least 4.5:1", "og:image (1200x630)", "Design at 360-400 px wide"), specific tags and types ("tel: link", "one application/ld+json block (LocalBusiness, Restaurant, Store, Person or Event)"). Not 5: the core build guidance stays high-level (no example markup in the body) and the one ready-made executable artifact — the bundled enquiry-form example — is only cited via an external URL rather than pulled into the flow.

4 / 5

Workflow Clarity

Eight numbered sections in a strict, coherent sequence (brief → plan → build → craft → found/shared → address → done → handover) with explicit validation checkpoints and feedback loops: section 7 is a per-item honest checklist ("Check and report each separately, honestly"), section 6 gates steps ("Only after the owner asks to check a name", "Check the address and HTTPS before saying it works", "If a response is invalid, mark the check incomplete and let the owner verify it at their registrar"), and section 2 gates the start ("unless an answer would change the structure").

5 / 5

Progressive Disclosure

The body is well-sectioned with numbered headers, but scored against the actual bundle: the single bundle file, assets/enquiry-form.html (a complete executable enquiry-form example implementing section 3's fallback guidance), is never referenced from SKILL.md — section 3 instead cites an external URL ("https://www.adddomain.net/guide/static-website-enquiry-form") — so the asset is undiscoverable. Meanwhile the offer script, per-business-type build details, and the domain-check API/DNS steps are all inlined in one ~110-line file and would fit one-level-deep reference files. This fits the anchor for some structure with content that should be separate inline and references not clearly signaled.

3 / 5

Total

15

/

20

Passed

Description

88%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description: third-person, concrete, with an explicit "Use for requests to..." trigger clause and near-comprehensive capability coverage. The only weaknesses are a few missing natural trigger variations (e.g., "web page", "portfolio site") and slight overlap risk with general frontend/visual-design skills.

DimensionReasoningScore

Specificity

Multiple concrete actions span the full lifecycle — "Design and build a responsive frontend website or accessible landing page", "public launch and owner handover" — plus a comprehensive coverage list ("HTML and CSS layout", "visual typography and accessibility checks", "menus, shops, bookings, portfolios, customer forms", "SEO and share previews"). Matches the anchor for multiple specific concrete actions with comprehensive coverage, not the 4 anchor's "minor gaps in coverage".

5 / 5

Completeness

Explicitly answers both: what ("Design and build a responsive frontend website... from the first brief", followed by an itemized coverage list) and when ("Use for requests to build a website, make a business site or landing page"). This matches the anchor for clearly and explicitly answering both with concrete trigger phrases; a 4 would require the 'when' to be less explicit.

5 / 5

Trigger Term Quality

Natural user phrases are present — "build a website", "make a business site", "landing page" — giving good keyword coverage. Not 5: common variations like "web page", "portfolio site", "booking site" or "site for my shop/cafe" are missing, and "complement a visual design skill with truthful content and working enquiry, order or booking paths" is workflow jargon no user would say.

4 / 5

Distinctiveness Conflict Risk

Clear niche — public small-business/creator sites with working customer-action paths — with triggers unlikely to fire for unrelated skills. Not 5: it overlaps a general frontend-development skill ("public web app interfaces") and deliberately positions itself alongside a visual design skill, so minor overlap with closely related skills remains.

4 / 5

Total

18

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

vitaliiphangan-code/add-domain-website-skills

Path

discovery/frontend-design-website/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.