tailwindcss-design
🎯Skillfrom anilcancakir/my-claude-code
|Generates responsive and semantically structured Tailwind CSS design components and layouts with predefined design system constraints and best practices.
Installation
npx skills add https://github.com/anilcancakir/my-claude-code --skill tailwindcss-designSkill Details
Overview
# My Claude Code
Production-grade Claude Code configuration reference. This guide documents plugins, MCP servers, skills, tools, and optimizations for AI-assisted development workflows.
> Note: Sections marked with [CUSTOMIZABLE] contain personal preferences. Adapt these to your own tech stack and workflow.
Table of Contents
- [Quick Start](#quick-start)
- [Plugins](#plugins)
- [MCP Servers](#mcp-servers)
- [Skills](#skills)
- [Tools](#tools)
- [Performance Optimizations](#performance-optimizations)
- [Global Configuration](#global-configuration)
- [Settings](#settings)
- [Repository Structure](#repository-structure)
---
Quick Start
```bash
# 1. Install plugins
> /plugin marketplace add anilcancakir/claude-code-plugins
> /plugin marketplace add claude-plugins-official
> /plugin install
# 2. Configure MCP servers in ~/.claude.json
# 3. Create ~/.claude/CLAUDE.md with personal preferences
# 4. Restart Claude Code
```
---
Plugins
Plugins extend Claude Code with new commands, agents, hooks, and behaviors.
Installation
```bash
> /plugin marketplace add
> /plugin install
```
Restart Claude Code after installation to activate.
Available Marketplaces
| Marketplace | Command |
|-------------|---------|
| Community | /plugin marketplace add anilcancakir/claude-code-plugins |
| Official | /plugin marketplace add claude-plugins-official |
| Laravel | /plugin marketplace add laravel |
Plugin Reference
#### Community Plugins (anilcancakir/claude-code-plugins)
Source: [github.com/anilcancakir/claude-code-plugins](https://github.com/anilcancakir/claude-code-plugins)
| Plugin | Description | Commands |
|--------|-------------|----------|
| strategic-compact | Phase-aware context compaction suggestions | Auto-triggered |
| serena-integration | Serena MCP integration for semantic navigation | /serena-navigator, /serena-refactor, /serena-memory |
| dart-lsp | Dart/Flutter language server integration | Go-to-definition, references, hover |
| pre-commit-flow | Code review, documentation, and commit automation | /my_review, /my_docs, /my_commit, /my_send |
| idea-research | Business research and idea validation | /my_research [topic] --quick\|--standard\|--deep |
| implementation-planner | Structured planning with TDD support | /my_plan, /my_tdd, /my_execute |
| project-optimizer | Project setup and CLAUDE.md generation | /my_project, /my_brand, /my_setup, /my_audit |
#### Official Plugins (claude-plugins-official)
| Plugin | Description |
|--------|-------------|
| code-simplifier | Refines code for clarity and maintainability |
| learning-output-style | Interactive learning mode with explanations |
| ralph-loop | Autonomous development loop for complex tasks |
| php-lsp | PHP language server integration |
| security-guidance | Security best practices and vulnerability detection |
#### Laravel Plugins
| Plugin | Description |
|--------|-------------|
| laravel-simplifier | Laravel-specific code patterns and best practices |
Plugin Configuration
#### Strategic Compact
Environment variables for compaction thresholds:
```bash
# [CUSTOMIZABLE] Adjust thresholds based on your workflow
export STRATEGIC_COMPACT_T1=50 # First suggestion (tool calls)
export STRATEGIC_COMPACT_T2=75 # Second suggestion
export STRATEGIC_COMPACT_T3=100 # Strong recommendation
export STRATEGIC_COMPACT_TIME=1800 # Time threshold (seconds)
```
#### Serena Integration
Requires Serena MCP server setup per project:
```bash
cd /path/to/your/project
claude mcp add serena -- uvx --from git+https://github.com/oraios/serena \
serena start-mcp-server --context claude-code --project $(pwd)
uvx --from git+https://github.com/oraios/serena serena project create
uvx --from git+https://github.com/oraios/serena serena project index
```
---
MCP Servers
Model Context Protocol (MCP) servers connect Claude Code to externa
More from this repository3
Automates Laravel project infrastructure setup, configuration, and deployment by generating boilerplate code, Docker configurations, and cloud service integrations.
Generates complete Laravel full-stack project scaffolding with integrated frontend, backend, authentication, and deployment configurations.
Generates comprehensive Laravel API architectures with predefined best practices, including models, controllers, routes, validations, and resource structures.