octopus-ui-ux-design

Featured

Design UI/UX systems with style guides, palettes, typography, and component specs for new interfaces

Web & Frontend 3,887 stars 365 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

## EXECUTION CONTRACT (MANDATORY - CANNOT SKIP) <HARD-GATE> **CRITICAL: You MUST call the BM25 search engine (search.py) via Bash tool before producing any design recommendations. Do NOT rely solely on your own design knowledge. The search engine provides curated, data-driven design intelligence. If you produce a design system without at least 3 search.py calls, you have violated this contract.** </HARD-GATE> This skill uses **ENFORCED execution mode**. You MUST follow this exact sequence. ### STEP 1: Interactive Questions (BLOCKING) **You MUST call AskUserQuestion before any other action.** ```javascript AskUserQuestion({ questions: [ { question: "What type of product are you designing for?", header: "Product Type", multiSelect: false, options: [ {label: "SaaS/Dashboard", description: "Analytics, admin panels, B2B tools"}, {label: "E-commerce", description: "Shopping, marketplace, product pages"}, {label: "Landing page", description: "Marketing, conversion, product launch"}, {label: "Mobile app", description: "iOS/Android native or responsive"} ] }, { question: "What tech stack are you using?", header: "Stack", multiSelect: false, options: [ {label: "React + Tailwind (Recommended)", description: "React/Next.js with Tailwind CSS"}, {label: "React + shadcn/ui", description: "React with shadcn component library"}, {label: "HTML + Tailwind", descriptio...

Details

Author
nyldn
Repository
nyldn/claude-octopus
Created
6 months ago
Last Updated
today
Language
Shell
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category