設計
15354 skills in 內容與媒體 > 設計
shadcn-mcp
Install and configure the shadcn MCP server for Codex. Use when a user asks to enable shadcn/ui MCP tools, set up the shadcn MCP server in Codex, or troubleshoot shadcn MCP startup.
writing-plans
Use when you have a spec or requirements for a multi-step task, before touching code. Creates detailed implementation plans with bite-sized tasks.
frontend-implementation-plan
Create comprehensive, production-ready frontend implementation plans for any UI screen or feature. Use this skill when documenting how to build UI components, establishing design systems, planning component architecture, or creating technical specifications for frontend development. Works across frameworks (React, Vue, Angular, Svelte, etc.) and focuses on clear structure, reusable patterns, and maintainability.
research-synthesis-guidelines
Research documentation and evidence synthesis framework for MYCURE healthcare products using HIGH/MEDIUM/LOW confidence grading, triangulation methodology, and rigorous citation standards. Auto-activates for research documentation, evidence grading, healthcare systems analysis, user research synthesis, market analysis, competitive research. Includes Philippine healthcare context (LGU health systems, FHISIS, PhilHealth).
ui-design-team
Multi-specialist UI design and implementation team for cross-platform applications.Use when working on: (1) UI/UX design decisions - colors, layout, typography, accessibility,(2) Web implementation - HTML5, CSS, responsive design, (3) .NET desktop - WPF, WinUI 3, MAUI with XAML,(4) .NET web - Blazor Server/WASM/Hybrid components, (5) Python GUI - PyQt, Tkinter, Kivy, Streamlit.Triggers: UI design, color scheme, layout, component styling, accessibility, responsive design,XAML styling, Blazor components, CSS architecture, Python GUI, design system, design tokens.
welcome-email-sequence
Builds a two-part VIP Welcome Email Sequence aligned to brand voice and product context. Mirrors proven structure and tone while adapting content to the current campaign.
astro-tailwind-cloudflare-stack
Complete full-stack development with Astro (Islands Architecture), Tailwind CSS (utility-first styling), and CloudFlare Workers/D1/KV (edge computing and hybrid database). Strategic guidance plus practical implementation patterns for building fast, globally-distributed web applications.
maslow-branding-guidelines
Maslow AI brand tokens - colors, typography, interaction states. Use with any UI framework.
keep-it-simple
Provides guidance and best practices for writing simple, understandable code that developers can easily maintain
code-review
Perform per-change code reviews for C# and Python with language-specific best practices.Use when asked about: code review, review this code, check my code, review PR, best practices,is this code good, code quality, review changes, review my changes.Also triggers automatically after significant code changes.NOT for: architectural assessments, system design reviews (use architecture-review skill instead).
story-writing
Create well-structured user stories from requirements with clear acceptance criteria, technical context, and test scenarios. Use when creating user stories, refining backlog items, or breaking down epics.
avalonia-dependency-injection
AvaloniaUI에서 GenericHost와 DI 사용 패턴
moai-docs-generation
Documentation generation patterns for technical specs, API docs, user guides, and knowledge bases using real tools like Sphinx, MkDocs, TypeDoc, and Nextra. Use when creating docs from code, building doc sites, or automating documentation workflows.
create-plan
Create detailed implementation plans from feature specs or bug reports with testable acceptance criteria. Use proactively when planning features, refactors, or fixes. Every task MUST have minimum 2 testable ACs and map to requirements.
xcontent
X (Twitter) content creation system. USE WHEN create post, write tweet, create thread, build in public, reply tweet, x content, twitter visual.
skill-design
Best practices for skill structure and types. Use when creating skills.
create-exercise
Create consistent, high-quality educational programming exercises or tutorials following strict template guidelines. Use this skill whenever you need to create or refine a programming exercise or tutorial for your course. Automatically applies template structure, formatting rules, and quality verification.
chat-workflow
Use esta skill quando trabalhar com o sistema de chat IA para criação de artigos. Contém workflow completo, detecção de intenção, comandos naturais, e arquitetura técnica.
security-testing-automation
Automate security testing, create reusable test suites, integrate with CI/CD, and measure security improvements over time.
write-docs
Use when user requests automated documentation generation from requirements file. Triggers include:- Korean: "문서 작성해줘", "write-docs 실행해줘", "자동 문서 생성"- English: "write documentation", "run write-docs", "generate from requirements"- Context: User has run prepare-docs and has docs/doc-requirements.md file readyThis skill focuses on Step 2 of automated workflow: Reading requirements file and generatingdocumentation automatically with per-sentence accuracy tracking and rationale for low-confidence statements (< 70%).