Skip to content

Browse Secure Claude Skills

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

LeakyAA skill written the way the whole surface was written before 2026-10-05. The gate must reject it.designnodeVotes: 0GitHub stars: 1,539
ShipAPre-release gate — run the full gate, responsive + render checks, then produce the release checklist (README badge/current/changelog). Use before tagging a release.designpythonnodeVotes: 0GitHub stars: 1,539
Scaffold ProjectAScaffold a new design-product project that matches the recommended Claude Code layout (the reference structure). Use when starting a fresh product/app that will be built with this design system.designpythonshellVotes: 0GitHub stars: 1,539
Grill MeAInterrogate the brief before a line is built — ask only the questions whose answers change the work, and put every unasked decision on the record as a stated assumption.designgogitVotes: 0GitHub stars: 1,539
GateARun the one-command quality gate and report the real N/N result. Use before claiming any build/review is done.designnodeVotes: 0GitHub stars: 1,539
Design ScreenADesign or build a page, screen, landing page, website, app or UI from a request - the whole job, end to end. Use this for "design a landing page", "build a settings screen", "make me a website", "design the onboarding", "ออกแบบหน้าเว็บ", "ทำหน้า landing", "ออกแบบ UI", "ทำแอป". It runs the pipeline no single skill covers: the house doctrine, a written Brief Inference so the result is not the statistical mean, a committed visual direction, tokens, build, the objective gates, then an adversarial...designrustgoVotes: 0GitHub stars: 1,539
CritiqueAAdversarial design critique of the current work — render it, look at it, and argue for rejection. Run after the gates are green, never instead of them.designgonodeVotes: 0GitHub stars: 1,539
SketchAAgrees the direction of a screen in the conversation before anything is drawn — the list of what has to be decided, one question at a time with a recommendation, a table of what was settled, a rough text wireframe of each moment the screen changes, a tree of which state follows which, and what differs from today. It writes nothing, to Figma or to disk; the sketch is how a direction gets agreed, and once it is, each part of it already has a home elsewhere. Use it on its own to settle a directi...designpythongoVotes: 0GitHub stars: 5
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
Ux CopyAWrite or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when naming a CTA, wording a confirmation dialog, filling an empty state, or writing onboarding text.designgoVotes: 0GitHub stars: 5
User ResearchAPlan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or when the user needs help with any aspect of understanding their users through research.designreacttestingVotes: 0GitHub stars: 5
Design SystemAAudit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.designgoapiVotes: 0GitHub stars: 5
Design HandoffAGenerate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet covering layout, design tokens, component props, interaction states, responsive breakpoints, edge cases, and animation details.designgoreactVotes: 0GitHub stars: 5
Design CritiqueAGet structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this screen?", or when sharing a Figma link or screenshot for feedback at any stage from exploration to final polish.designgoreactVotes: 0GitHub stars: 5
Create Design MdACreate or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product source or promote accidental implementation patterns into design decisions.designgobashVotes: 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