flutter-add-widget-test
`WidgetTester`를 사용하여 UI 렌더링 및 사용자 상호작용(탭, 스크롤, 텍스트 입력)을 검증하는 컴포넌트 수준 테스트를 구현합니다. 특정 위젯이 올바른 데이터를 표시하고 예상대로 이벤트에 반응하는지 확인할 때 사용합니다.
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
`WidgetTester`를 사용하여 UI 렌더링 및 사용자 상호작용(탭, 스크롤, 텍스트 입력)을 검증하는 컴포넌트 수준 테스트를 구현합니다. 특정 위젯이 올바른 데이터를 표시하고 예상대로 이벤트에 반응하는지 확인할 때 사용합니다.
프레임워크 (OSS). Expo를 사용하여 기존 React 웹 앱을 네이티브 iOS/Android 앱으로 마이그레이션합니다. 사용자가 웹사이트를 모바일 앱으로 전환하고자 하거나, Next.js/Vite/CRA React 코드베이스를 React Native로 이식하고자 하거나, 웹 코드를 네이티브 환경에서 점진적으로 재사용하고자 하거나, 웹 관용구(DOM, CSS, React Router, localStorage, window)가 네이티브 환경에서 어떻게 매핑되는지 궁금할 때 이 가이드를 활용하세요. 이 문서는 엔드투엔드 마이그레이션 가이드입니다. DOM 컴포넌트 메커니즘 자체에 대해서는 `expo-dom` 가이드를 참고하십시오.
취약점을 파악하기 위한 보안 코드 검토. “보안 검토”, “취약점 탐지”, “보안 문제 확인”, “보안 감사”, “OWASP 검토”를 요청받았을 때, 또는 인젝션, XSS, 인증, 권한 부여, 암호화 관련 문제를 확인하기 위해 코드를 검토해야 할 때 사용합니다. 신뢰도 기반 보고 기능을 통해 체계적인 검토를 제공합니다.
Design and review iOS UI/UX for iPhone apps in SwiftUI, UIKit, or React Native. Use for mobile app design, screen redesigns, navigation flows, typography, forms, keyboard and safe-area layout, and accessibility checks. Apply Apple Human Interface Guidelines and consult real product references through the optional Uizze connection.
앱과의 상호작용을 위해 Flutter Driver를 구성하고, MCP 동작을 영구적인 통합 테스트로 변환합니다. 프로젝트에 통합 테스트를 추가하거나, MCP를 통해 UI 컴포넌트를 탐색하거나, integration_test 패키지를 사용하여 사용자 흐름을 자동화할 때 사용합니다.
Perform language and framework specific security best-practice reviews and suggest improvements. Trigger only when the user explicitly requests security best practices guidance, a security review/report, or secure-by-default coding help. Trigger only for supported languages (python, javascript/typescript, go). Do not trigger for general code review, debugging, or non-security tasks.
Use when adding, changing, or fixing Roblox animations, particles, beams, trails, tweens, camera shake, or other visual effects.
Visual design for videos - colour by act, type scale, chart and layout rules for 16:9 and 9:16 scenes, a design.md handoff that any design skill can fill, and a contact-sheet critique of the render. Use when designing or refining how a video looks (title cards, data scenes, slides, a whole video's palette), when a scene looks generic or busy, when choosing colours for a video, or when /design or /scene-review asks for visual work. Works on its own with a brand, or takes direction from a design source such as taste-skill, Anthropic's frontend-design, or the user's own design skill.
Build reusable Manim explainers for technical concepts, graphs, system diagrams, and product walkthroughs, then hand off to the wider ECC video stack if needed. Use when the user wants a clean animated explainer rather than a generic talking-head script.
Use this skill when creating, modifying, or debugging Docker Compose configurations, even if the user just says they need to wire services together, add a database to their stack, or set up a local development environment with multiple containers. Covers service definitions, health checks, dependency ordering, volumes, networks, environment variables, and development overrides.
Run automated post-deploy UI verification with a browser automation MCP (claude-in-chrome, Playwright, or Puppeteer): console-error and Core Web Vitals smoke checks, form and auth-flow interaction tests, screenshot visual regression across three breakpoints, and axe-core accessibility audits ending in a SHIP / DO-NOT-SHIP verdict. Use when testing a deployed feature on staging or preview, before shipping frontend changes, reviewing a frontend PR, or checking responsive layout and accessibility.
Leaves sweep through the frame and part to reveal the headline. HyperFrames block, 1920×1080, 12s, 11 variables.
A tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline. HyperFrames block, 1920×1080, 8s, 18 variables.
Run team-based orchestration for agent squads: work items with owners and scope, agent Kanban state, branch isolation, control pane visibility, and merge gates. Use when coordinating multiple agents in parallel across branches or worktrees — multi-agent fan-out, agent Kanban, squad coordination, or merging agent output into one product.
Systematic literature-review workflow for academic, biomedical, technical, and scientific topics, including search planning, source screening, synthesis, citation checks, and evidence logging. Use when the task is to find, screen, synthesize, and cite a body of academic or technical literature.
Convert Word (.doc, .docx), PowerPoint (.ppt, .pptx), Excel (.xls, .xlsx), OpenDocument (.odt, .ods, .odp), RTF, EPUB, CSV, and PDF files to GitHub-Flavored Markdown. Use when a task needs the contents of an office document, spreadsheet, presentation, ebook, or PDF you cannot read directly.