Skills for “design”
1,154 skills
rampstackcobrand-archetype-system
Apply pre-composed aesthetic archetype defaults to jumpstart brand design work covering color, typography, layout, voice, and imagery direction. Use this skill whenever the user wants a…
rampstackcocreative-brief-selector
Produce a creative brief grounded in live reference sites and deliberately distinct from existing demos, for any new brand build. Composes with brand-archetype-system and…
kwakseongjaeomd-autopilot
One-prompt autonomous product design and implementation. Use automatically for broad greenfield UI requests such as 'from scratch', '새 제품/화면을 알아서 만들어줘', or requests that delegate DESIGN.md…
briiirussell
Cybersecurity Skills
briiirusselliam-audit
Audit, design, and migrate Identity and Access Management — cloud provider IAM (AWS, GCP, Azure), identity providers (Okta, Entra ID / Azure AD, Auth0, Google Workspace), application…
affaan-maccessibility
Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels, accessibility traits and hints, focus management, contrast…
Anthropic
Skills
Anthropicweb-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring…
shawnpang
Startup Founder Skills
shawnpangarchitecture-design
When the user needs to design or evaluate system architecture — service boundaries, data models, API contracts, infrastructure topology, database selection, or dependency analysis. Also…
edisonmbli
Refactoring UI Skill
edisonmblirefactoring-ui
Design 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…
gamedev-skillscreate-game-assets
Plans, generates or sources, and validates consistent game art: style guides, sprites, pixel art, tilesets, icons and textures, with QA and licence records. Use when making or AI-generating…
gamedev-skillsdialogue-systems
Builds engine-neutral branching dialogue with Ink, Yarn Spinner or a small JSON graph runner: lines, choices, conditions, variables and localization IDs. Use for NPC conversations, dialogue…
gamedev-skillsebitengine-game
Creates, debugs and packages 2D games in Go with Ebitengine v2: a play-and-retry loop, input, pixel-art scaling, text, audio and desktop, WASM or mobile builds. Use when go.mod requires…
gamedev-skillsgame-feel
Adds engine-neutral juice to a working mechanic: trauma-based screen shake, hit-stop, eased tweens, squash and stretch, and knockback. Use when the game feels flat, weightless or not…
hashicorp
Agent Skills
hashicorpterraform-style-guide
Generate Terraform HCL code following HashiCorp's official style conventions and best practices. Use when writing, reviewing, or generating Terraform configurations.
jakubkrehelbetter-interface
Reviews a screen, flow or whole interface across accessibility, layout, writing, typography, color and UI polish, and returns one ranked report.
Shubhamsaboochatgpt-app-builder
DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-use/mcp-use --skill…
hamenmaterial-3
Implement Google's Material Design 3 (Material You) UI system. Primary: Jetpack Compose Material3 (MaterialTheme, components, adaptive layout). Also Flutter and limited web (@material/web…
jamditis
Claude Skills Journalism
jamditisnewsroom-style
Enforces AP Style and newsroom conventions. Use when writing news, editing drafts, creating headlines, or tightening copy.
zarazhangrui
Frontend Slides
zarazhangruifrontend-slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create…
JimLiubaoyu-infographic
Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when…
Hassan El Mgharihallmark
Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design something new, or names Hallmark. Never use it on an existing design…
bergsideagentic
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
bergsideant
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
bergsideartistic
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
bergsidebasic
Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
bergsidebento
Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
bergsidebold
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
bergsidebrutalism
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
bergsidecafe
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
bergsideclaude
A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the…
bergsideclaymorphism
Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
bergsideclean
Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
bergsidecodex
A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the…
bergsidecolorful
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
bergsidecontemporary
Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
bergsidecorporate
Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
bergsidecosmic
Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.