Skip to content
SkillCheatSheet Sign in

premium-web-design

An AI agent skill from davila7/claude-code-templates, scored 87 out of 100 by code.

87/ 100A

Code score by group

  • Spec18/20
  • Description17/20
  • Procedure15/15
  • Done criteria15/15
  • Resources7/10
  • Scripts5/8
  • Safety7/7
  • Upkeep3/5

It loses the most points in Description (3), the group that checks whether the description says what the skill does and when to use it.

What the author says it does

Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever the user asks for a website, landing page, portfolio, or web component that should look expensive, premium, luxury, editorial, high-end, or agency-quality. Also trigger when the user mentions Awwwards, FWA, award-winning design, or references brands like Apple, Aesop, Bottega Veneta, Stripe, or any luxury/fashion/design-forward brand. Trigger when the user says things like "make it look professional", "make it look…

This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.

Repository
davila7/claude-code-templates
Folder
cli-tool/components/skills/creative-design/premium-web-design
License
MIT
GitHub stars
33,382
SKILL.md lines
747
Other files
0

Add premium-web-design to your agent

npx skills add davila7/claude-code-templates --skill premium-web-design

The command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored.

Labelled for

More skills from davila7/claude-code-templates

  1. session-handoff

    Creates comprehensive handoff documents for seamless AI agent session transfers. Triggered when: (1) user requests handoff/memory/context save, (2) context window approaches capac…

    Verified88A
  2. five-whys

    Use for the 5 Whys, or when the user wants the root cause of a failure: "why did this happen?", "this keeps breaking", "write the postmortem", "find the real cause". Asks why repe…

    Verified87A
  3. thinking-method-selector

    Use when the user describes a problem, decision or stuck situation but names no method: "how should I approach this?", "help me think this through", "we can't decide", "where do I…

    Verified84B
  4. pre-mortem

    Use for a pre-mortem, or before committing to a plan, launch or migration: "what could go wrong?", "stress test this plan", "how might this fail?", "risks before we ship". Assumes…

    Verified83B
  5. render-deploy

    Deploy applications to Render by analyzing codebases, generating render.yaml Blueprints, and providing Dashboard deeplinks. Use when the user wants to deploy, host, publish, or se…

    Verified83B
  6. worktree-cleaner

    Inventory the git worktrees of the current repository, classify each one with evidence (merged, PR state, uncommitted or unpushed work, locked, stale, in use by a running session)…

    Verified83B
  7. xlsx

    Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or…

    Verified83B
  8. xlsx-official

    Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or…

    Verified83B

All skills in davila7/claude-code-templates

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.