Skip to content
cccskills

Design skills

UI/UX, logos, slides, and image generation (7.4K skills)

Filter by price or sort order

Propose a new change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation.

The English summary is being prepared. Showing the original description.

Brain-up/brn65Updated Oct 24, 2026

cc-agy

Free

Delegates coding/research tasks to the Google Antigravity CLI (`agy`) for external-model execution (Gemini 3.x, Claude Sonnet/Opus 4.6, GPT-OSS). Replaces the broken `collaborating-with-gemini` skill. Use when: (1) External-model delegation via Antigravity, (2) Multi-model prototyping (switch model per call), (3) Backend/logic implementation, (4) Algorithm design and optimization, (5) Bug analysis and debugging, (6) API/database code generation, (7) Code review. Triggers: "delegate to agy", "use Antigravity", "external model", "agy", "Gemini 3.5", "Claude Sonnet 4.6", "GPT-OSS". IMPORTANT: Always request unified diff patches only. Supports multi-turn sessions via SESSION_ID.

The English summary is being prepared. Showing the original description.

Dianel555/DSkills65Updated Oct 12, 2026

How to use Figma MCP and Variables2CSS to read designs from Figma and generate code consistent with tokens. Use when the designer shares a Figma link.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

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 state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

REST API design patterns including resource naming, status codes, pagination, filtering, error responses, versioning, and rate limiting for production APIs.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

Builds distinctive frontend UI with SvelteKit/Bun/Hono. Triggers on: web pages, dashboards, landing pages, apps, artifacts, styling, theming, fonts, animations, charts, dark/light modes.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

Design stable, compatible public APIs using extend-only design principles. Manage API compatibility, wire compatibility, and versioning for NuGet packages and distributed systems.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

Design .NET types for performance. Seal classes, use readonly structs, prefer static pure functions, avoid premature enumeration, and choose the right collection types.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

Use when adding A2UI rendering to any AG-UI-supported framework or custom AG-UI application, scaffolding an AG-UI app that should render A2UI, adapting an AG-UI integration to emit A2UI surfaces, or wiring the AG-UI A2UI middleware/toolkit with a compatible renderer.

The English summary is being prepared. Showing the original description.

modem-dev/ossrules64Updated Sep 21, 2026

Extract visual identity from screenshots (primary) or website URL (fallback) and compile into a DESIGN.md-format brand kit — YAML token frontmatter (colors, typography, rounded, spacing, components) + 8 ordered prose sections. The YAML tokens are machine-authoritative; downstream visual skills consume them directly. Writes to marketing/brand/brand-kit.md. Triggers - "brand kit", "brand identity", "visual identity", "design tokens", "extract brand", "DESIGN.md"

The English summary is being prepared. Showing the original description.

matteotitta/claude-code-marketing-quickstart63Updated Jul 31, 2026

Generate or redesign evidence-based README files for apps, libraries, CLIs, monorepos, and agent skills. This skill should be used for /readme-write, /readme, generate readme, write readme, improve readme, 帮我写 README, 美化 README, README を書いて, README 작성해 줘, напиши README, or their equivalents in any language. Confirm reader and visual preferences before generation; every README includes a source-backed flowchart, and every language edition keeps identical content apart from the language. Git-driven updates are routed to the companion readme-update skill.

The English summary is being prepared. Showing the original description.

KieranGao/general-readme-skill63Updated Oct 6, 2026

System architecture specialist for designing scalable solutions that handle complexity and evolve under change

The English summary is being prepared. Showing the original description.

Vinix24/vnx-orchestration62Updated Oct 24, 2026

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.

The English summary is being prepared. Showing the original description.

StudyDrift/lextures62Updated Oct 24, 2026

Builds, revises, restyles, and critiques deliberate, editable Feishu / Lark whiteboards from content, references, existing SVGs, or live boards. Use for whiteboards, infographics, diagrams, system maps, timelines, decision boards, posters, and visual explainers that need factual fidelity, strong hierarchy, intentional composition, and evidence-based review rather than a generic grid of equal cards. Routes creation, revision, and critique through separate playbooks; commits to a content-and-design contract before drawing; validates deterministic SVG defects; renders and inspects the actual artifact; and uses an independent final reviewer for material deliveries.

The English summary is being prepared. Showing the original description.

LcpMarvel/feishu-whiteboard-pro62Updated Aug 31, 2026

Design or improve a MotherDuck Dive’s layout, responsive behavior, themes, filters, and visual accessibility.

The English summary is being prepared. Showing the original description.

motherduckdb/agent-skills62Updated Sep 6, 2026

通用技术方案撰写技能。根据需求输入(需求分析报告或口头描述)自动生成结构完整的技术方案 Markdown 文档。当用户说"帮我写技术方案"、"出一个技术设计文档"、"写一份 design doc"、"给这个需求出方案"时使用本技能。

The English summary is being prepared. Showing the original description.

Tencent/LoopForge61Updated Oct 20, 2026

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

The English summary is being prepared. Showing the original description.

Tencent/LoopForge61Updated Oct 20, 2026

Use during devflow TASK-01 requirement clarification before design or implementation. Explores user intent, requirements, constraints, and success criteria.

The English summary is being prepared. Showing the original description.

Tencent/LoopForge61Updated Oct 20, 2026

Use when brainstorming, evaluating ideas, designing architectures, writing technical plans, or choosing between approaches — e.g. "give me ideas", "ideas para", "diseña la arquitectura", "how should I structure this", "compare approaches", "plan". Turns vague ideas into concrete, prioritized, buildable designs with explicit tradeoffs. Use before writing code, not after.

The English summary is being prepared. Showing the original description.

sazardev/networking-with-go61Updated Aug 8, 2026

Use when designing UI with OpenPencil — creating layouts via op CLI, batch design DSL, sandboxed JS scripts, or MCP tools. Covers PenNode schema, semantic roles, typography, color, spacing, and common component patterns.

The English summary is being prepared. Showing the original description.

ZSeven-W/openpencil-skill61Updated Aug 11, 2026