Финальная верификация дизайн-артефакта: Design Read → Quality Gate → Visual Diff → Drift Rejection. Для «повтори сайт в коде», «редизайн без поломки» или как QA-гейт PASS/FAIL…
Comprehensive UI/UX design guidelines covering visual design (typography, color, motion) and user experience (cognitive psychology, interaction patterns, mental models).
Use when a large feature, story, plan, or spec idea needs to be split into small vertical slices with the Hamburger Method.
Make interfaces bulletproof — error boundaries, loading states, empty states, text overflow, i18n readiness, offline handling, and every edge case that breaks in production.
Design principles for pinpoint UI refinement — polishing a specific component, adjusting colors/spacing/copy, or fixing something that "feels off." Not for whole-screen mocks (use…
Use when a designer wants to write up the impact of an initiative they owned, turning a shipped project into a short, shareable impact report.
Systematic design optimization for young-personal-site following established design principles. Ensures consistent color palette, responsive layout, and professional appearance.
Generate table of contents for design documentation. Use when creating navigation, documentation overview, or module index pages. — from general/design-creative
Generate table of contents for design documentation. Use when creating navigation, documentation overview, or module index pages. — from majiayu000/claude-skill-registry
Curated collection of top-tier website designs organized by category, style, and pattern. Includes SaaS, marketing, e-commerce, and portfolio sites with analysis of what makes…
Use BEFORE designing anything, to interview the user and write a DESIGN.md (the design source of truth) so the app has a real aesthetic instead of a default AI look.
Build, extend, repair, or audit UI through a modular design decision system. Use when Codex needs to create new interfaces, adopt an existing design system, repair broken UI,…
Creates accurate frontend implementations from visual references while maintaining design consistency.
Define, implement, redesign, or audit deliberate web interface direction by turning visual intent into inspectable constraints and then verifying the rendered result.
Use when designing interfaces, comparing interface alternatives, applying Design It Twice, or exploring interfaces for a module.
Use to run the Claude Design to ClosedLoop pipeline against the current web-ui. Stage A inventories a design export zip into schema-validated findings (typed design units -…
Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign.
Routes frontend design tasks to 48 specific UI styles. Triggers for websites, app screens, or UI components requesting a specific aesthetic.
モジュールや API のインターフェースを設計するとき、サブエージェントを並列に走らせて根本的に異なる複数案を生成・比較する。 最初の案が最善であることはまずない。A Philosophy of Software Design の「Design It Twice」を実践する。 Use when designing an API, exploring…
Use when building or reviewing any user interface, to apply real design judgment and avoid the recognisable tells of generated UI.
Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans.
Apply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the application.
Create or improve welcome, nurture, onboarding, re-engagement, and other lifecycle sequences with a clear purpose for each email.
Generate cross-reference graph showing relationships between design documents. Use when visualizing doc dependencies, finding related docs, or understanding documentation…
Design combinational logic circuits from a functional specification through gate-level implementation.
Solo-Selbstständige: prüft Logoerstellung, Rechtekette, Fonts, Stockmaterial und Übergabe; mit Abfrage von Tätigkeit, Status, Belegen, Fristen, Geldfolge und konkretem nächstem…
Deep knowledge of legendary designers and their enduring contributions. Learn from Saul Bass, Massimo Vignelli, Dieter Rams, Paula Scher, and others whose work defines excellence.
World-class design system with extensible business type registry. Automatically selects appropriate design patterns based on business context.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files — from google-labs-code/stitch-skills
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files — from bg-szy/TOP-SKILLS
Applies an external DESIGN.md (Google Labs design-token format) to a project's shadcn/ui theme. Activate when the user provides or references a DESIGN.md / design.md file, a…
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.
Use FIRST when planning a napplet (sandboxed Nostr iframe app), before writing code - turns an app idea into a concrete build spec covering every current package-implemented NAP…
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,…
Prove a Compose UI pull request matches its intended design by diffing the rendered code (candidate) against a Figma / Stitch / Claude Design reference and posting a parity…
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
Claude로 PPT·발표자료나 웹사이트를 만들 때, AI 기본 미감(보라 그라디언트·둥근 카드·천편일률)으로 수렴하지 않도록 80가지 검증된 디자인 스타일 팩 중 하나를 골라 그 명세대로 생성하게 하는 스킬.
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
Apply the 6-phase design framework (Describe, Diagnose, Delimit, Direction, Design, Develop) to understand a problem before implementing a solution.