MCP HubMCP Hub
スキル一覧に戻る

css-layout-helper

majiayu000
更新日 Yesterday
19 閲覧
58
9
58
GitHubで表示
開発ai

について

このスキルは、開発者が配置や間隔などのCSSレイアウトの問題をデバッグし修正するのに役立ちます。HTML/CSSのスニペットを分析し、フレックスボックスやグリッドを使用した最小限のコード変更で的確な修正を提供します。レスポンシブ性を維持した迅速で実用的なレイアウトソリューションが必要な際にご利用ください。

クイックインストール

Claude Code

推奨
プラグインコマンド推奨
/plugin add https://github.com/majiayu000/claude-skill-registry
Git クローン代替
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/css-layout-helper

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

ドキュメント

CSS Layout Helper

Purpose

Explain CSS layout issues and propose fixes.

Inputs to request

  • HTML structure and CSS snippet.
  • Desired layout and screenshots.
  • Target browsers and breakpoints.

Workflow

  1. Identify the container and child roles.
  2. Recommend flex or grid with key properties.
  3. Provide a minimal CSS snippet to test.

Output

  • Proposed CSS changes with explanation.

Quality bar

  • Prefer minimal changes over rewrites.
  • Call out responsive implications.

GitHub リポジトリ

majiayu000/claude-skill-registry
パス: skills/css-layout-helper

関連スキル

evaluating-llms-harness

テスト

This Claude Skill runs the lm-evaluation-harness to benchmark LLMs across 60+ standardized academic tasks like MMLU and GSM8K. It's designed for developers to compare model quality, track training progress, or report academic results. The tool supports various backends including HuggingFace and vLLM models.

スキルを見る

sglang

メタ

SGLang is a high-performance LLM serving framework that specializes in fast, structured generation for JSON, regex, and agentic workflows using its RadixAttention prefix caching. It delivers significantly faster inference, especially for tasks with repeated prefixes, making it ideal for complex, structured outputs and multi-turn conversations. Choose SGLang over alternatives like vLLM when you need constrained decoding or are building applications with extensive prefix sharing.

スキルを見る

langchain

メタ

LangChain is a framework for building LLM applications using agents, chains, and RAG pipelines. It supports multiple LLM providers, offers 500+ integrations, and includes features like tool calling and memory management. Use it for rapid prototyping and deploying production systems like chatbots, autonomous agents, and question-answering services.

スキルを見る

cloudflare-turnstile

メタ

This skill provides comprehensive guidance for implementing Cloudflare Turnstile as a CAPTCHA-alternative bot protection system. It covers integration for forms, login pages, API endpoints, and frameworks like React/Next.js/Hono, while handling invisible challenges that maintain user experience. Use it when migrating from reCAPTCHA, debugging error codes, or implementing token validation and E2E tests.

スキルを見る