skeuomorphic-forge
by mmmprodv1.0.0
Create production-grade skeuomorphic UI with Tailwind CSS — industrial panels, gauges, meters, LED/nixie indicators, toggle switches, metal/glass/leather textures, neumorphic components, CRT displays, particle effects
1 skill GitHub
Documentation
# Skeuomorphic Forge [](https://opensource.org/licenses/MIT) [](https://claude.ai/claude-code) [](https://tailwindcss.com) [](https://github.com/mmmprod/skeuomorphic-forge/pulls) [](https://github.com/mmmprod/skeuomorphic-forge/issues) [](https://github.com/mmmprod/skeuomorphic-forge) A Claude Code skill for creating production-grade skeuomorphic UI with Tailwind CSS. ## What it does Generates physically-realistic UI elements: buttons with mechanical depth, gauges, meters, LED/nixie indicators, toggle switches, sliders, progress bars, cards with material textures (metal, glass, leather, wood, paper, fabric, concrete, plastic), industrial panels, CRT/VFD displays, neumorphic components, and particle effects. Covers both **dark** (industrial, military, retro-aerospace) and **light** (classic, iOS-era, neumorphic) themes. ### Key features - **102+ community-proven CSS patterns** with React/Tailwind implementations - **Component Lookup Table** — maps every component type to specific pattern numbers and reference files - **5 inline quick-reference recipes** — dark card shadows, bevel buttons, rim light, phosphor glow, silkscreen - **Mandatory pre-build protocol** — forces consistent quality across LLM-generated components - **40+ HTML assets** — production CodePen examples for buttons, gauges, toggles, displays, and more ## Triggers Use when building UI that mimics real-world objects: - Skeuomorphic, realistic, 3D buttons - Industrial UI, gauges, meters - LED, nixie, analog, physical, tactile elements - Metal texture, glass effect, depth effect - Neumorphic, soft UI - Leather, wood grain, brushed metal, chrome, gold - Rim light effects - Particle systems, starfield, vortex, disintegration ## Install ```bash claude /install-plugin github:mmmprod/skeuomorphic-forge ``` ## Structure ``` skeuomorphic-forge/ ├── .claude-plugin/ │ └── plugin.json ├── skills/ │ └── skeuomorphic-forge/ │ ├── SKILL.md # Main skill file │ ├── references/ # 11 detailed reference guides │ │ ├── 01-shadows-materials-textures.md │ │ ├── 02-hardware-animation-neumorphism.md │ │ ├── 03-blueprints-performance-palettes.md │ │ ├── 04-community-techniques.md # 102 patterns (14.1–14.102) │ │ ├── 05-physics-composition-interaction-typography.md │ │ ├── 06-aging-safety-tokens-palettes.md │ │ ├── 07-glass-effects.md │ │ ├── 08-metal-effects.md │ │ ├── 09-rim-light-effects.md │ │ ├── 10-particle-effects.md │ │ └── 11-retro-industrial-patterns.md │ └── assets/ # 40+ HTML examples │ ├── agile-tech-skeuomorphic-site.html │ └── codepen-*.html # Production CodePen demos └── README.md ``` ## Contributing Contributions are welcome! Feel free to: - Open an **issue** to report bugs or suggest new material/effect types - Submit a **pull request** with improvements, new reference guides, or fixes - Fork and adapt for your own projects ### How to contribute 1. Fork this repo 2. Create a branch (`git checkout -b feature/new-material`) 3. Make your changes 4. Commit (`git commit -m "Add ceramic material reference"`) 5. Push (`git push origin feature/new-material`) 6. Open a Pull Request ## License [MIT](LICENSE) — use it, modify it, share it, sell it, do whatever you want.