Directory · Claude Skills

anti-ui-slop

This skill is for Design and helps you prevent generic ui in generated code, extract design decisions from real screens, and enforce design standards in copilot outputs.

Design github/awesome-copilot ★ 37,336 Synced 3 hours ago

Stop Codex, GitHub Copilot, Claude Code, and Cursor from shipping generic UI. Use UIZZE’s public catalogue of 800,000+ real web and iOS screens to extract product-specific design decisions and enforce a hard finish gate for web and iOS interfaces.

Helps you

  • Prevent generic ui in generated code
  • Extract design decisions from real screens
  • Enforce design standards in copilot outputs
  • Audit ui against product guidelines
  • Create finish gates for web interfaces
  • Review ios interface implementations

Install

Copy into ~/.claude/skills
Run this
git clone --depth 1 https://github.com/github/awesome-copilot
cp -r awesome-copilot/skills/anti-ui-slop ~/.claude/skills/anti-ui-slop

What it can use

The author didn’t declare which tools this skill uses. Read the SKILL.md before installing it.

View SKILL.md

copilotUi Designdesign-systemscode-generationwebios

Also in github/awesome-copilot

View the repo

Use this skill when the user explicitly asks to map, document, or onboard into an existing codebase. Trigger for prompts like "map this code...

acreadiness-assess Data & Analytics

Run the AgentRC readiness assessment on the current repository and produce a static HTML dashboard at reports/index.html. Wraps `npx github:...

acreadiness-generate-instructions DevOps & Infrastructure

Generate tailored AI agent instruction files via AgentRC instructions command. Produces .github/copilot-instructions.md (default, recommende...

Help the user pick, write, or apply an AgentRC policy. Policies customise readiness scoring by disabling irrelevant checks, overriding impac...

Use this skill when the user shares ad campaign performance data and asks what to cut, scale, or test. Trigger for prompts like "analyze my...

add-educational-comments Code Review & Testing

Add educational comments to the file specified, or prompt asking for file to comment if one is not provided.

Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX). Use when creating or modifying scripts...

agent-governance DevOps & Infrastructure

Patterns and techniques for adding governance, safety, and trust controls to AI agent systems. Use this skill when: - Building AI agents tha...

agentic-eval Code Review & Testing

Patterns and techniques for evaluating and improving AI agent outputs. Use this skill when: - Implementing self-critique and reflection loop...

agent-owasp-compliance DevOps & Infrastructure

Check any AI agent codebase against the OWASP Agentic Security Initiative (ASI) Top 10 risks. Use this skill when: - Evaluating an agent sys...

Find, evaluate, and assemble the smallest compatible set of AI Agent Skills for an end-to-end natural-language goal. Use when a user wants S...

agent-supply-chain DevOps & Infrastructure

Verify supply chain integrity for AI agent plugins, tools, and dependencies. Use this skill when: - Generating SHA-256 integrity manifests f...

Other Design skills

frontend-design anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...

algorithmic-art anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...

design-an-interface mattpocock/skills

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...

prototype mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...

wireframe-annotated nexu-io/open-design

An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...

chat-motion-overlay nexu-io/open-design

Generate configurable chat motion overlays from a transcript or screenshot, including plain bubble scenes, app-style chat containers, option...