Content & Media

Structured incremental development workflow that enforces explicit scoping before implementation. Use when: (1) User says 'build', 'implement', 'develop', 'create feature', or 'add functionality', (2) Task involves multiple files or could have ripple effects, (3) User wants to avoid scope creep or premature implementation, (4) Breaking down complex tasks into verifiable steps. This skill prevents AI agents from jumping into code without a validated plan.

UIコンポーネント、スタイリング、レイアウト、デザインシステムを作成する際にブランド一貫性のあるデザインガイドラインを適用する。フロントエンドコンポーネントの構築、デザイン実装、ビジュアル/UXに関する議論の際に使用。Nyatinte BlogのNord風ダークテーマ（Polar Night背景とFrostアクセント）への準拠を保証する。

Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types

Generate Jenkins pipeline files (Jenkinsfile) with declarative or scripted syntax. Triggers on "create jenkinsfile", "generate jenkins pipeline", "jenkins ci config", "jenkins build pipeline".

Debug TraitorSim agent memory systems including profile.md, diary entries, trust matrices (suspects.csv), and SKILL.md files. Use when troubleshooting agent behaviors, inspecting memory contents, validating memory updates, or when asked about agent memory, profile debugging, or trust matrix issues.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Explicit accessibility enhancement and validation for generated UI code. Only invoke when user explicitly requests accessibility review, a11y enhancement, or WCAG compliance check.

Build cross-platform mobile apps with Flutter and Dart. Use when creating mobile applications, working with Flutter projects, designing UIs with widgets, implementing state management (Provider/BLoC), handling navigation, or when user mentions Flutter, Dart, mobile app development, iOS/Android apps, or Material Design.

UI/UX sorunlarını analiz eder, kullanıcı deneyimini değerlendirir, accessibility önerisi sunar ve iyileştirme raporu hazırlar.

Build accessible web interfaces following WCAG guidelines and assistive technology best practices. Use this skill when creating or modifying UI components that need keyboard navigation, screen reader support, or ARIA attributes. When working on files like components/, pages/, or any file with interactive elements, forms, modals, or dynamic content. When adding alt text to images, labels to form inputs, or managing focus in single-page applications. When implementing color contrast, heading structure, or semantic HTML elements.

Integrates SQLite embedded database with Node.js using better-sqlite3 for synchronous operations or the native Node.js SQLite module. Use when building applications with local storage, embedded databases, or when user mentions SQLite, better-sqlite3, or embedded SQL.

Progressive four-tier URL content scraping with automatic fallback strategy.USE WHEN user says "scrape this URL", "fetch this page", "get content from","can't access this site", "use Bright Data", "pull content from URL",or needs to retrieve web content that may have bot detection or access restrictions.

UI component library templates (buttons, forms, cards, modals, etc.). Use when generating frontend UI components.

需求分析助手，将模糊需求转换为结构化文档。支持两种输出格式：用户故事（User Story）适合敏捷开发，PRD（产品需求文档）适合完整功能规划。通过针对性提问澄清歧义。

CSS animations, transitions, and scroll-driven effects with accessibility (prefers-reduced-motion). Use when adding motion, hover effects, loading states, or scroll-based animations.

Use when user needs to create a pitch deck for EdTech startups - transforms content into visually compelling, narrative-driven presentations through collaborative refinement, wireframing, and hybrid deck generation (PowerPoint + Google Slides)

Modern CSS styling methodology prioritizing CSS Grid over Flexbox.Covers Grid layout patterns, Subgrid, Container Queries, Design Tokens, and maintainable CSS architecture.Reference for implementing scalable, responsive layouts with predictable behavior.

Creates design document infrastructure including templates, workflows, and a specific design doc skill. Use when setting up design docs for a new project or when the user mentions "bootstrapping-design-docs".

Prepare executable plans for future CIPS sessions while current session has context. Use when current session has tokens remaining but task suits fresh context.

Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.