css-layout-helper
About
This skill helps developers debug and fix CSS layout issues like alignment and spacing. It analyzes HTML/CSS snippets and provides targeted fixes using flexbox or grid with minimal code changes. Use it when you need quick, practical layout solutions that maintain responsiveness.
Quick Install
Claude Code
Recommended/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/css-layout-helperCopy and paste this command in Claude Code to install this skill
Documentation
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
- Identify the container and child roles.
- Recommend flex or grid with key properties.
- 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 Repository
Related Skills
sglang
MetaSGLang 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.
evaluating-llms-harness
TestingThis 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.
langchain
MetaLangChain 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.
llamaguard
OtherLlamaGuard is Meta's 7-8B parameter model for moderating LLM inputs and outputs across six safety categories like violence and hate speech. It offers 94-95% accuracy and can be deployed using vLLM, Hugging Face, or Amazon SageMaker. Use this skill to easily integrate content filtering and safety guardrails into your AI applications.
