css-flexbox-grid
SkillSkillsMP
io.github.majiayu000/claude-skill-registry-data/css-flexbox-grid
精通 Flexbox 与 CSS Grid 布局，驾驭现代响应式设计
source
“Graphic Design” 共 904 个结果
io.github.majiayu000/claude-skill-registry-data/css-flexbox-grid
精通 Flexbox 与 CSS Grid 布局，驾驭现代响应式设计
io.github.majiayu000/claude-skill-registry-data/css-expert
现代 CSS 专家（层叠层级、OKLCH、容器查询、防御式模式）。用于 CSS 实现、样式、布局、颜色、排版、响应式设计与 UI 组件。
io.github.majiayu000/claude-skill-registry-data/automation-tester
测试规划与优先级的核心 QA 工程思维。用于分析该测什么、设计测试用例、按风险排序及确定覆盖率策略。在触发于“该测什么”“测试策略”“覆盖率”“测试优先级”“设计测试用例”“P0 P1 P2”时启用。
io.github.anthropics/skills/brand-guidelines
为各类产物套用 Anthropic 官方品牌色彩与字体排印，使其具备 Anthropic 的视觉风格。当涉及品牌色或样式规范、视觉排版、公司设计标准时使用。
io.github.majiayu000/claude-skill-registry-data/css-standards
Oh My Brand! 主题的 CSS 编码标准：BEM 方法论、自定义属性、theme.json 集成、响应式设计与无障碍。在为区块、模板或组件编写样式时使用。
io.github.MiniMax-AI/skills/frontend-dev
融合高端 UI 设计、电影感动画、AI 生成媒体素材、说服力文案与视觉艺术的全栈前端开发。构建完整、极具视觉冲击力的网页，使用真实媒体、高级动效与打动人心的文案。适用场景：构建落地页、营销网站、产品页、仪表盘，生成媒体素材（图/视频/音频/音乐），撰写转化文案，创作生成艺术，或实现电影感滚动动画。
io.github.garrytan/gstack/gstack-openclaw-office-hours
当被要求头脑风暴、评估某个想法是否值得做、进行 office hours、或在写任何代码之前推敲新产品想法与设计方向时使用。
io.github.aiunlocked1412/claude-skill-unlock/automation-builder
AI 无代码自动化专家——Zapier、Make、n8n、工作流设计、触发器/动作、面向所有业务的流程自动化。
io.github.github/awesome-copilot/gsap-framer-scroll-animation
当用户想构建滚动动画、滚动效果、视差、滚动触发的显示、钉住区块、横向滚动、文字动画或任何与滚动位置绑定的动效时使用本技能——适用于 vanilla JS、React 或 Next.js。覆盖 GSAP ScrollTrigger（pin、scrub、snap、时间线、横向滚动、ScrollSmoother、matchMedia）与 Framer Motion / Motion v12（useScroll、useTransform、useSpring、whileInView、variants）。即便用户只说“滚动时动画”“滚动时淡入”“做出苹果式滚动”“视差效果”“粘性区块”“滚动进度条”“入场动画”也应触发。也适用于 GSAP 或 Framer Motion 代码生成的 Copilot 提示词模式。与 premium-frontend-ui 技能搭配，提供创意哲学与设计级打磨。
io.github.sickn33/antigravity-awesome-skills/codebase-cleanup-refactor-clean
你是专注于整洁代码原则、SOLID 设计模式与现代软件工程最佳实践的代码重构专家。分析并重构给定代码，提升其质量、可维护性与性能。
io.github.sickn33/antigravity-awesome-skills/code-refactoring-refactor-clean
你是专注于整洁代码原则、SOLID 设计模式与现代软件工程最佳实践的代码重构专家。分析并重构给定代码，提升其质量、可维护性与性能。
io.github.sickn33/antigravity-awesome-skills/backend-architect
资深后端架构专家，专注于可扩展 API 设计、微服务架构与分布式系统。
io.github.sickn33/antigravity-awesome-skills/cc-skill-backend-patterns
面向 Node.js、Express 与 Next.js API 路由的后端架构模式、API 设计、数据库优化及服务端最佳实践。
io.github.sickn33/antigravity-awesome-skills/database-architect
资深数据库架构专家，擅长从零设计数据层、技术选型、schema 建模与可扩展数据库架构。
io.github.sickn33/antigravity-awesome-skills/database
数据库开发与运维工作流，涵盖 SQL、NoSQL、数据库设计、迁移、优化与数据工程。
io.github.sickn33/antigravity-awesome-skills/api-security-best-practices
实现安全的 API 设计模式，包括认证、授权、输入校验、限流，以及针对常见 API 漏洞的防护。
io.github.sickn33/antigravity-awesome-skills/api-patterns
API 设计原则与决策方法：REST、GraphQL 与 tRPC 的选型，响应格式、版本管理与分页。
io.github.InugamiDev/ultrathink-oss/css-foundations
统一的 CSS/样式基础 —— CSS 架构（模块化、CSS-in-JS、层叠层、容器查询）、CSS 自定义属性（设计令牌、主题化、运行时修改）、CSS Grid（模板、自动放置、subgrid）、暗色模式实现、响应式设计模式（流式排版、容器查询、宽高比）、通用动画模式、Framer Motion、Tailwind animate 插件。
io.github.aAAaqwq/AGI-Super-Team/css-ninja
精通 Tailwind、CSS-in-JS、响应式布局、动画与现代样式模式。使用时机：(1) 响应式布局实现，(2) Tailwind CSS 安装与定制，(3) CSS-in-JS（styled-components、emotion），(4) 复杂布局（Grid、Flexbox），(5) CSS 动画与过渡，(6) 暗色模式实现，(7) 组件样式体系，(8) CSS 架构（BEM、原子化）。触发词："responsive"、"Tailwind"、"styled-components"、"CSS grid"、"flexbox"、"animation"、"dark mode"、"layout"。
io.github.schalkneethling/masonry-gridlanes-wc/css-shared-first
编写响应式样式时应用 Shared First CSS 方法论。凡编写或审查涉及媒体查询、响应式布局、视口特定覆盖或断点驱动设计的 CSS 都应使用。当用户要求编写响应式 CSS、重构移动优先 CSS，或组件/布局含视口特定样式时触发。本技能取代移动优先的模式指导——除非用户明确要求移动优先，否则一律优先 Shared First。
io.github.schalkneethling/masonry-gridlanes-wc/css-token-use-validator
对照令牌定义校验 CSS 自定义属性的使用。当用户想检查 CSS 变量是否正确定义、查找未使用的令牌、检测 var() 引用中的拼写错误、审计自定义属性，或在 Figma 设计文件与代码之间同步时使用。支持单文件、目录或整个项目，可作为 Claude Code hook 在 CSS 编辑后自动校验。
io.github.kostja94/marketing-skills/mobile-friendly
当用户希望为移动优先索引做优化或修复移动可用性问题时使用。也在用户提到“mobile-friendly”“mobile-first indexing”“mobile SEO”“responsive design”“mobile adaptation”“mobile viewport”“viewport meta”“touch targets”“font size mobile”“AMP”或“Accelerated Mobile Pages”时使用。viewport meta 相关请使用 page-metadata。
io.github.UnicomAI/wanwu/frontend-dev
融合高级 UI 设计、电影感动效、AI 生成媒体素材、有说服力的文案与视觉艺术的全栈前端开发。用于构建视觉冲击力足、带真实媒体、高级动效与出色文案的完整 Web 页面。适用场景：制作落地页、营销站点、产品页、仪表盘，生成媒体素材（图片/视频/音频/音乐），撰写转化文案，创作生成艺术，以及实现电影感滚动动效。
io.github.github/awesome-copilot/python-pypi-package-builder
构建、测试、lint、定版并发布生产级 Python 库到 PyPI 的端到端技能。覆盖四种构建后端（setuptools+setuptools_scm、hatchling、flit、poetry）、PEP 440 版本、语义化版本、基于 git tag 的动态版本、OOP/SOLID 设计、类型注解（PEP 484/526/544/561）、Trusted Publishing（OIDC）以及完整的 PyPA 打包流程。适用于：创建 Python 包、可 pip 安装的 SDK、CLI 工具、框架插件、pyproject.toml 配置、py.typed、setuptools_scm、semver、mypy、pre-commit、GitHub Actions CI/CD 或 PyPI 发布。