Browse Secure Claude Skills
Search verified agent skills and review security grades before installing · full A–Z index
- Better LayoutHelps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.Votes: 0GitHub stars: 5
- Better AccessibilityHelps your project comply with accessibility standards and best practices.Votes: 0GitHub stars: 5
- Accessibility ReviewRun a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.Votes: 0GitHub stars: 5
- skillsThe design, UX, UI and design-to-code skills Layerwright gives the agent - list them, read one, add the user's own from a link or pasted SKILL.md, turn one off or remove it. Use for /layer:skills, or when the user asks which skills there are or wants to add one.Votes: 0GitHub stars: 5
- HelpWhat Layerwright can do with Figma from here, the /layer commands, and whether Figma is connected right now. Use when the user asks what Layerwright or this plugin can do, how to start with it, or which /layer commands exist.Votes: 0GitHub stars: 5
- CheckCheck a design or its implementation - compare the code with the Figma frame, or audit the frame itself for Design System use, spacing, contrast and accessibility. Use for /layer:check.Votes: 0GitHub stars: 5
- Figma DesignWork as a Design Engineer in Figma through the layerwright MCP tools (figma_*, code_*). Use when a task involves bringing an HTML/Claude Design export into Figma, designing or changing screens, flows or prototypes in Figma, turning layers into components, applying or auditing the Design System on a Figma frame, inspecting Figma components, or implementing/verifying frontend code against a Figma design. Do not use for ordinary coding tasks with no design component.Votes: 0GitHub stars: 5
- Brand IdentityBrand identity sets from one brief - logo, typography and colour palette built together, measured (contrast, colour blindness, glyph coverage, font licences, small-size logo renders) and compared side by side as identity cards, shown on the user's own site, then a brand guidelines kit (PDF, logo files, tokens) for the chosen set. Use for a new brand or any part of one (logo, fonts, colours, or a mix), for refreshing an identity, or for critiquing one, even if the user only says "branding".Votes: 0GitHub stars: 43
- ImpeccableImpeccable design commands for frontend interfaces: plan UX before code (shape), critique, audit, polish, harden, clarify UX copy, adapt, optimize, distill, typeset, colorize, layout, bolder or quieter, delight, onboard, live browser iteration, and design context (init, document, extract). Use when the user asks for one of these, names Impeccable or a /impeccable command, or the frontend-stack router delegates to it. Do not auto-load just to build a new page, landing page or component from sc...Votes: 0GitHub stars: 2
- Modern Web DesignModern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, ...Votes: 0GitHub stars: 2
- Using DesignMaster Antigravity Web Design Suite. Coordinates 4 specialized design skills (design-setup for 0->1 prototyping, design-rules for micro-UI CSS/Tailwind rules & LIFT system, design-audit for 30-second first impression reviews, and design-psychology for 3-brain personas & luxury white space). Includes full research video transcript library.Votes: 0GitHub stars: 2
- Design PsychologyWeb UX & Conversion Psychology framework based on Self-Made Web Designer (Chris McCoy) and Ran Segall (Flux Academy). Implements 3-Brain Persona Alignment (Survival, Emotional, Rational), Mental Model Layout Familiarity, MAYA Principle pattern breaks, Cognitive Chunking (3-4 item Working Memory Rule), Luxury White Space ("Space is Wealth"), Signature Niche Positioning, and the Oliver Smithies "Wander Off" experimental directive.Votes: 0GitHub stars: 2
- Design AuditWeb design & portfolio audit framework based on Ran Segall's (Flux Academy) 30-Second First Impression Test and Satori Graphics' LIFT System. Evaluates UIs for instant clarity, visual hierarchy, work visibility, trust signals, LIFT composition flow, and conversion readiness.Votes: 0GitHub stars: 2
- Using Anti SlopRouter for the anti-slop family — twenty-two vendored skills that keep an AI-built interface from looking templated (the centred hero, purple gradient, three icon cards, Inter everywhere) and raise it to a deliberate design. Use when building, redesigning, auditing or styling a web or mobile UI and the result must not read as AI slop; it names the one skill for the job and the order to chain them. Triggers include "anti-slop", "doesn't look AI-generated", "make it premium", "less generic", "r...Votes: 0GitHub stars: 2
- Kinetic ReelMake kinetic-typography motion reels (MP4) in code: showreels, portfolio or work reels, product promos, intro films, "motion design"-style videos with bold condensed type, HUD micro-type, black/cream/lime palette, three.js generative layers (particle terrain, liquid marble, chrome knot, particle clouds), shape-continuity transitions and a synthesized, beat-locked score. Canvas 2D + WebGL rendered frame by frame in headless Chrome, encoded with ffmpeg. Use when the user asks for a reel, showre...Votes: 0GitHub stars: 104
- Refactoring UiDesign rulebook and diagnostic layer for web UI, distilled from Refactoring UI by Adam Wathan and Steve Schoger. Use when building a new page or component, refining UI that looks off or amateurish, running a design review, or establishing design tokens (color shades, type scale, spacing scale, elevation, radius). Covers visual hierarchy, layout and spacing, typography, color and contrast, depth and shadows, images, and finishing touches, with Tailwind mappings throughout. Also triggers on non...Votes: 0GitHub stars: 4
- Comfyui WorkflowsUse when creating, modifying, converting, composing, templating, or programmatically generating ComfyUI workflows in frontend/editor format or API/execution format, especially when custom nodes or install-specific model options are involved.Votes: 0GitHub stars: 3
- Comfyui Workflow ValidationUse when a ComfyUI workflow fails to load, validate, queue, execute, or produce expected outputs, or when checking node availability, links, inputs, models, workflow JSON, frontend/API representation, or compatibility before execution.Votes: 0GitHub stars: 3
- Comfyui Upstream DevelopmentUse when preparing changes intended for Comfy-Org repositories, aligning with current upstream architecture, reviewing RFC-related work, writing upstream-facing tests/docs, or preparing a PR-quality change for ComfyUI or related official repositories.Votes: 0GitHub stars: 3
- Comfyui Testing And QaUse when adding or repairing tests, CI, workflow tests, custom-node QA, regression checks, compatibility matrices, or when deciding how to prove a ComfyUI change works.Votes: 0GitHub stars: 3