Claude Code Skills·Claude Skills·The open SKILL.md registry for Claude
ClaudSkillsGeneral › Design Creative › Page 28

Design Creative (Page 28 of 29)

1703 Claude Code skills in the Design Creative sub-category of General.

1,703 skills · updated 2026-07-22 · showing 1621–1680 of 1,703 by quality score

For the full experience including quality scoring and one-click install features for each skill — upgrade to Pro.

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool.
Extract design tokens, styles, component metadata, and screen structure from Figma files via MCP. Use whenever a figma.com URL appears, when someone mentions Figma tokens,…
Convert Figma designs into production-ready code using MCP server tools. Use this skill when users provide Figma URLs, request design-to-code conversion, ask to implement Figma…
Write consistent, maintainable CSS following the project's methodology (Tailwind utility classes) while minimizing custom CSS and adhering to design system tokens.
Write and maintain CSS using consistent methodology (Tailwind, BEM, CSS Modules), design tokens, framework patterns, and optimized production builds.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, o — from…
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, o — from…
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, o — from…
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
上市公司私有化方案设计与合规审查。 覆盖:私有化路径选择(吸收合并/全面要约/协议安排)、法规合规性检查、 方案风险评估、披露文件审核、少数股东保护与价格公平性。 适用情形:用户说"上市公司私有化怎么做"、"私有化方案怎么设计"、"私有化合规检查"。
Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any…
HODD-RUST: Validation-first Rust development. Strictly validation-first before-and-after(-and-while) planning and execution.
This skill should be used when the user wants to "generate video", "create animation", "animate image", "make mascot video", "마스코트 영상", "영상 생성", "비디오 만들기", "이미지 애니메이션", or needs…
Generates or edits images on the filmmaking canvas via the local generate_image.js CLI, following canvas-aware conventions for subtype stamping, reference wiring, and provenance…
Use this skill when reviewing where in the project lifecycle iteration is happening — desirable iteration during design vs. costly rework during development.
Make sure to use this skill whenever the user mentions anything related to Danish job listings, job search in Denmark, finding work in Denmark, or job vacancies on Jobdan — from…
Use this skill when designing, reviewing, or generating CSS for typography in Japanese or multilingual interfaces.
Design, enforce, audit, and validate Power BI report themes. This skill MUST be invoked when a report uses the default or built-in theme, has a minimal custom theme (few or no…
Use this skill for creative writing collaboration when the user explicitly activates creative mode (for example: "creative mode", "workshopping", "drafting", or direct…
Use this skill for on-chain market data: token prices/价格, K-line/OHLC charts, index prices, and wallet PnL/盈亏分析 (win rate, my DEX trade history, realized/unrealized PnL per…
The ultimate frontend design and UI engineering skill. Use this whenever the user asks to build, design, style, or improve any web interface, component, page, application,…
Use this skill at the end of portal work to do a final professional polish pass. Standardizes spacing, typography, controls, surfaces, states, responsiveness, and overall…
End-to-end guidance for protein design pipelines. Use this skill when: (1) Starting a new protein design project, (2) Need step-by-step workflow guidance, (3) Understanding the…
RPG-themed epic and expedition management system for Claude Code. Tracks quests (features/epics), expeditions (work loops), realms (app targets), and maintains persistent scrolls…
Condition monitoring, multi-trigger alerts, and notification pipeline for trading signals. Use this skill whenever the user asks about "set an alert", "price alert", "notify me…
Use when a calling skill (e.g., /dso:implementation-plan, /dso:design-review, /dso:preplanning architectural-pattern check) needs to run a multi-perspective review of an artifact…
Smart File Renaming skill for Datasite deal rooms. Use this skill whenever a deal team wants to standardise document names, clean up scanned file names, normalise naming across…
Pick the lightest model or reasoning tier that can do the task well. Auto-triggered via complexity-classifier.sh hook on every prompt.
Use this skill when requirements/design documentation is the SoT and implementation will follow the spec.
Create professional SVG logos from descriptions and design specifications. Generates multiple logo variations with different layouts, styles, and concepts.
Design and generate production-quality SVG logos in modern minimalist style. Use this skill PROACTIVELY whenever the user asks to create a logo, design a brand mark, generate an…
Implement Syncfusion Blazor Accumulation Chart (SfAccumulationChart) for proportional data visualization.
Extracts all design tokens from the raw design tree — colors, typography, spacing, shadows, border radii — and writes them to tokens.md.
This skill should be used when the user asks to "design agent tools", "create tool descriptions", "reduce tool complexity", "implement MCP tools", or mentions tool consol — from…
This skill should be used when the user asks to "design agent tools", "create tool descriptions", "reduce tool complexity", "implement MCP tools", or mentions tool consol — from…
Use this skill whenever writing, editing, or reviewing any frontend code in this project — React components, Tailwind classes, layouts, pages, styles, or anything user-facing.
This skill provides guidance for using the Packmind UI component library (@packmind/ui). It should be used when building or modifying frontend UI with PM-prefixed components,…
Generate a branded YouTube thumbnail from a video title. Uses a reference photo of the creator, high-CTR thumbnail principles, and brand colours to produce a ready-to-generate…
/training-de:start-3-3 - Popup & Onboarding CRO — from tools-only/X-Skills
API Design - Princípios RESTful e boas práticas
RESTful API 설계 가이드 - 직관적이고 일관성 있는 API 만들기
Create visual assets (images, illustrations) using AI (OpenAI DALL-E).
創意專案規劃系統 — 支援多層級規劃工作流(宏觀結構 / 分段大綱 / 細節列表)
遵循 Effective Dart 最佳实践(代码风格、文档、用法、API 设计),编写一致、可维护、高效的 Dart 代码。
筛选高质量的纯 Dart(非 Flutter)开源项目,按上手难易程度排列,每个项目对应一个 Dart 主题技能,帮助学习者在真实项目中巩固 Dart 知识。
学习 dart-frog-dev/dart_frog 开源项目,通过纯 Dart 后端框架理解服务端架构、异步请求处理和 Dart 全栈开发模式。
学习 felangel/mason 开源项目,通过 Mustache 模板引擎和代码生成 CLI 理解 Dart 包管理、模板系统和 CLI 开发的综合应用。
管理 Dart 包生态(Pub 仓库),掌握创建、使用、发布 Package 及工作空间的多包管理。
หลักการออกแบบฐานข้อมูล และการสร้าง ER Diagram ด้วย Mermaid และเครื่องมือต่างๆ
Guides structured design conversations for complex engineering tasks
Library/API 설계 판단 기준. `/design` command의 D step에서 기술 라이브러리를 설계할 때 참조.
STEP 2 MAS 아키텍처 설계 (mas-architect 세부역할 4종 활용, 8 sub-step)
RADIO 기반 FE/BE 설계 체크리스트. `/design` command가 각 Step에서 참조하는 판단 기준과 질문 목록.
Validate the proposed solution before implementation.
All General skills →
More in GeneralAutomation (4,457) · Integrations (4,364) · AI Tooling (3,869) · Business Ops (2,081) · Agents Skills Meta (1,651) · Orchestration Frameworks (1,636) · Legal Compliance (1,209) · Education Learning (1,091) · Knowledge Mgmt (1,074) · Operations (1,056) · Hello World Templates (913) · Finance Personal (884) · Personal Productivity (604) · Communication (436) · Plugins Extensions (311) · Language Learning (183) · Workflow Pipelines (151) · Home Iot (81)