Skip to content

Browse Secure Claude Skills

Search verified agent skills and review security grades before installing · full A–Z index

Market ReferencesAGrounds a design review or redesign in real products instead of invented ideas: finds the best apps on the market for the same job, pulls their official App Store screenshots for free (Apple's public iTunes API, no account, no Mobbin), lays them out as one contact sheet per app, reads them, and maps each pattern to a concrete change in the project — every recommendation cites the app it comes from. Use when the user says "no inventes", "mira qué hacen otras apps", "referencias del mercado", "...designpythonrustVotes: 0GitHub stars: 3
IsokitADraw an interactive isometric figure in React with react-isokit — a line-art object on a numbered plate whose parts you can press, that produce real output (text on a screen, a count, a state change) with optional synthesized sound. Use when someone asks for an isometric illustration, an "iso figure", a 2.5D product drawing, an interactive hero object, a pressable diagram, a playable desk object (computer, keypad, timer, synth), or runs /isokit with an idea.designgoreactVotes: 0GitHub stars: 2
BroomABroom Design, the design skill for AI coding agents, removes AI slop from interfaces and keeps UI work at a studio level. Use it whenever you build, change or review any interface (a web app, a mobile app or a website, in any stack), when asked to audit or fix AI slop or to check UI work before calling it done, when setting up a design system or redesigning a product, and when turning a Figma file into rules for a coding agent. The product's own design system is the baseline, so slop is drift...designgoswiftVotes: 0GitHub stars: 5
BreakARenders a component you choose in every state and scenario on a temporary page and stress tests it.designdebuggingVotes: 0GitHub stars: 5
Better UiAPolishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.designspringperformanceVotes: 0GitHub stars: 5
Better TypographyAFocuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.designgoawsVotes: 0GitHub stars: 5
Better LayoutAHelps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.designgoVotes: 0GitHub stars: 5
Better AccessibilityAHelps your project comply with accessibility standards and best practices.designVotes: 0GitHub stars: 5
Brand IdentityABrand 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".designpythonrustVotes: 0GitHub stars: 43
ImpeccableAImpeccable 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...designgoshellVotes: 0GitHub stars: 2
Modern Web DesignAModern 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, ...designjavascriptrustVotes: 0GitHub stars: 2
Kinetic ReelAMake 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...designbashnodeVotes: 0GitHub stars: 104
Refactoring UiADesign 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...designpythonrustVotes: 0GitHub stars: 4
Comfyui DevelopmentAUse for any task that creates, modifies, debugs, validates, tests, packages, publishes, or reviews ComfyUI code, custom nodes, frontend extensions, workflows, subgraphs, API clients, SDK integrations, CI, or performance behavior. This root skill routes the task to focused specialist skills and requires live or version-matched verification before volatile ComfyUI details are treated as current.designpythonnodeVotes: 0GitHub stars: 3
Nickture InterfaceAПравила дизайна интерфейса для проверки и правки: типографика, цвет, отступы, иерархия, иконки, формы, состояния, навигация, онбординг, компоненты, мобильная вёрстка, графики, документы и слайды, письма, доступность, прокрутка, анимация, производительность, признаки сгенерированного дизайна. Применяется при любом изменении вёрстки, стилей, компонентов и анимации, на разборе, аудите и приёмке экрана, сайта, лендинга или презентации. Тексты интерфейса проверяются по скиллу nickture-text-ru. Che...designbashnodeVotes: 0GitHub stars: 17
Uxd Canvas PublishAPublish an exported canvas to a git repository, GitHub Pages, GitLab Pages, or Vercel. Use when sharing a finished static copy for review or updating a hosted preview. Creating or updating a Miro board is uxd-canvas-create.designgoreactVotes: 0GitHub stars: 9
Uxd Canvas ExportAExport a canvas as a local HTML viewer, canvas.json, or Mermaid. Accepts a local canvas or a Miro board. Use when sharing a journey map locally, producing a static file, or preparing a canvas for publish. Does not update Miro.designpythonbashVotes: 0GitHub stars: 9
Uxd Canvas CreateACreate or refine a canvas as local JSON Canvas, a Miro board, or both. Covers journey maps, service blueprints, architecture diagrams, user flows, affinity maps, mind maps, and Mermaid diagrams. Use when turning a brief, research, an existing canvas, or a Miro board into a spatial artifact.designgobashVotes: 0GitHub stars: 9
Pf Prerelease AuditAAudit a consumer project against PatternFly prerelease packages, compare validation results, classify compatibility findings, and produce a report. Use when evaluating a PatternFly release candidate in any consuming repository.designtypescriptgoVotes: 0GitHub stars: 9
Motion GraphicACreate or revise single-file HTML motion graphics from briefs and reference material, with beat-synced canvas scenes, synthesized audio, a mobile player, and visual checks. Use for animated intros, kinetic typography, sizzle reels, and product, portfolio, or talk openers. Can export the generated HTML to MP4. Not for editing existing video files, After Effects, simple CSS effects, or slide decks.designpythonrustVotes: 0GitHub stars: 2