Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files — from bg-szy/TOP-SKILLS
Use when designing motion, feedback, or any single interactive moment (a toggle, a like, a save, a panel opening).
Use when the user wants to design a mobile app, create screens, build UI, or interact with their Sleek projects.
Design design-mobile-first responsive interfaces with touch optimization. Use when user mentions "mobile", "responsive", "touch", "PWA", "design-mobile-first", "small screen",…
新機能のデザインモックを apps/web に作成し、playwright-mcp でスクリーンショットを撮って docs/spec/{feature}/README.md に貼り付ける skill。ユーザーは README…
Build and present HTML/CSS design mockups with a local preview server. Use when prototyping website designs, iterating on visual concepts, or presenting design options.
Historical design movements and their enduring influence. Understand Bauhaus, Swiss International Style, Art Deco, Memphis, and more.
Advocate for design quality, scope, and time with cross-functional partners and leadership using evidence and shared goals.
Normalize a codebase to its design system — replace hardcoded values with tokens, enforce consistent component usage, align spacing/typography/color with the established system.
Design sustainable on-call rotations with balanced schedules, clear escalation policies, fatigue management, and handoff procedures.
Design or improve onboarding flows, empty states, and first-time experiences. Progressive disclosure over feature dumps. Contextual guidance over tutorials.
Run design sprints, manage handoff, establish team rituals, documentation standards, and design QA processes.
Create developer handoff specifications with measurements, behaviors, assets, and edge cases. — from hulusi-tunc/unicorn-skills
Orchestrates design workflows by routing work through brainstorming, multi-agent review, and execution readiness in the correct order.
Complete autonomous design overhaul — tears down dated patterns and rebuilds with modern CSS, proper tokens, purposeful motion, and production-grade quality.
Use when a database schema or data-meaning change needs Parallel Change, including expand, migrate, and contract sequencing for column renames, type or data reinterpretation,…
Design pattern notlarını (ham web clip veya basit notlar) kapsamlı, yapılandırılmış ve NotebookLM-uyumlu Obsidian notlarına dönüştürür.
Conseille le pattern de conception adapté à un problème donné. Se déclenche avec "design pattern", "quel pattern", "singleton", "factory", "observer", "strategy", "SOLID" — from…
Comprehensive knowledge of all 23 Gang of Four design patterns with progressive disclosure (Quick/Practical/Deep), pattern recognition for problem-solving, and philosophy — from…
Comprehensive knowledge of all 23 Gang of Four design patterns with progressive disclosure (Quick/Practical/Deep), pattern recognition for problem-solving, and philosophy — from…
Use when adding a new version of a persistent data structure, creating a new blob or config type, implementing an upgrade path between versions, or registering a coder for a…
Use when running a heuristic evaluation, structuring a design critique, selecting which design framework to apply for a given project context, or auditing a UI against…
Visual philosophy and art-direction for frontend. Use when creating high-concept work, campaigns, or when the user asks for a visual philosophy, manifesto, or unmistakable…
Use when establishing a systematic photo retouching workflow for portrait, product, or commercial image post-production
Full autonomous design pipeline — Ralph Wiggum builds it, then the safety net polishes it. Chains: design-setup → design-build → (design-audit ∥ design-optimize) → design-polish →…
Comprehensive PostGIS spatial table design reference covering geometry types, coordinate systems, spatial indexing, and performance patterns for location-based applications
Gather user design preferences before building UI. Use when: starting a project with visual interface (Web App, Mobile, Browser Extension).
Generate three parallel design preview options for a Studio-backed site and collect the user's preferred direction before theme implementation.
Explains distributed-systems and database principles — CAP, PACELC, consistency models (linearizable/causal/eventual), consensus (Raft/Paxos/quorums), ACID vs BASE, idempotency,…
Use when the user wants a landing page, interface, or visual system in the Bold Typography style from Design Prompts, or explicitly asks for bold-typography, bold typography
Use when the user wants a landing page, interface, or visual system in the Modern Dark style from Design Prompts, or explicitly asks for modern-dark, modern dark
Creates a design proposal before coding starts. Defines components, interfaces, coupling decisions, and test approach — forces architectural thinking before the first line of code.
Reviews finished and in-progress digital products to assess adherence to design specifications and discover potential issues with those specifications.
Skill providing design QA checklists and principles for visual review across lanes. Used by design-review agents to enforce hierarchy, spacing, color, and responsiveness.
Write clear design rationale connecting decisions to user needs, business goals, and principles.
Source the right product design system on demand from Refero (2,000+ AI-ready DESIGN.md systems) and adopt it as the project's DESIGN.md source of truth — instead of inventing a…
Designs a normalized relational schema from requirements — entities, relationships, PK strategy (surrogate bigint vs natural vs UUIDv7/ULID), 1:1/1:N/M:N and inheritance modeling,…
Generate status reports for design documentation. Use when creating documentation summaries, tracking progress, or preparing documentation reviews.
Gather design change requests through interactive dialog and create a structured Issue.
Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across…
Use whenever a surface will be seen on more than one screen size or input — which is almost always (62%+ of web traffic is mobile).
Trigger: responsive layout, media queries, mobile view, desktop layout, tablet break points, thumb zone. Scope: Multi-device layouts, breakpoints, mobile touch zones.
分析 docs/design-review-findings.md 歷史，識別跨 spec 的重複 UI 問題模式，提出流程改善建議。spectra-archive 完成或 findings 累積 5 倍數時主動觸發。
Structured design document review via LLM gateway — submit plans, specs, or designs for peer review from Codex, Gemini, Grok, or Mistral, iterate on feedback, track review rounds.
Facilitate a cross-functional design review capturing decisions, feedback, and implementation guidance. — from general/design-creative
Facilitate a cross-functional design review capturing decisions, feedback, and implementation guidance. — from general/design-creative
Trigger: review UI design, critique screenshot, iterate on a page/component, does this look good, visual QA, polish frontend, design feedback.
Establish design review gates with criteria, checklists, and approval workflows.
所见即所得的 UI 修改系统。AI 分析截图或设计稿后，直接输出需要修改的具体文件路径和精确代码改动，无需模糊描述。源自 Cursor 3.0 Design Mode 框选即改理念，增强 frontend-design 和 frontend-dev。
ScalarDB設計エージェント - ScalarDB Clusterを使用したマイクロサービスのデータアーキテクチャ設計。分散トランザクション、スキーマ設計、ポリグロット永続化を策定。/design-scalardb [対象パス] で呼び出し。
ScalarDB Analytics設計エージェント - ScalarDB Analyticsを使用した分析基盤の設計。Apache Sparkベースの分析クエリ、マルチDB横断分析を策定。/design-scalardb-analytics [対象パス] で呼び出し。
[Design & Content] Create a design based on screenshot
Full-text search across design documentation. Use when looking for specific topics, decisions, or patterns documented across design docs.
Propose Séréna, chef designer senior, dès qu'un besoin design/UI/UX/charte est détecté. Installe UI/UX Pro Max si absent, guide la clé API magic.
Serialisierungsschemata mit JSON Schema, Protocol-Buffer-Definitionen oder Apache Avro entwerfen. Umfasst Schema-Versionierung, Rueckwaertskompatibilitaet, Validierungsregeln und…
One-time autonomous design context discovery. Scans the codebase to extract design tokens, typography, colors, spacing, brand patterns, and tech stack, then writes a Design…
Strip interfaces to their essence — remove unnecessary complexity, reduce visual noise, simplify navigation, and eliminate redundant UI elements.
Turn a product or automation objective into a bounded runx skill package proposal.
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to — from…
Converge on a single recommended solution after brainstorming options. Use when you have multiple candidate approaches and need to analyze trade-offs, select one, and def — from…