Frontend
8107 skills in Development > Frontend
skill-creator
Use when the user has a document (PDF, markdown, book notes, research paper, methodology guide) containing theoretical knowledge or frameworks and wants to convert it into an actionable, reusable skill. Invoke when the user mentions "create a skill from this document", "turn this into a skill", "extract a skill from this file", or when analyzing documents with methodologies, frameworks, processes, or systematic approaches that could be made actionable for future use.
architecture
Arquitectura React Native - Principios y Organización. Use when designing architecture or reviewing code structure.
coding-standards
Coding-Standards für React. Use when reviewing code style or formatting.
tooling
Tooling React Native - Expo & EAS. Use when working with tooling.
reverse-engineering-quick
Fast IOC-focused triage for binaries/documents with minimal execution, geared toward immediate containment decisions.
negative-contrastive-framing
Use when clarifying fuzzy boundaries, defining quality criteria, teaching by counterexample, preventing common mistakes, setting design guardrails, disambiguating similar concepts, refining requirements through anti-patterns, creating clear decision criteria, or when user mentions near-miss examples, anti-goals, what not to do, negative examples, counterexamples, or boundary clarification.
security-reactnative
Segurança - Melhores Práticas React Native. Use when reviewing security, implementing auth, or hardening code.
ci-fixer
Debug and fix CI/CD pipeline failures. Analyze workflow logs, identify issues, and apply fixes. Use when CI is failing, build errors occur, tests fail in CI, or pipeline is broken.
accessibility-engineer
セマンティックHTML/JSXとWAI-ARIAを「最小で正しく」適用し、キーボード操作・スクリーンリーダ・コントラスト等を満たす実装を作るための判断軸。ネイティブ要素優先、ARIAの過剰使用を避ける。
apify
Web scraping and automation platform with pre-built Actors for common tasks
writing-typescript
Idiomatic TypeScript development. Use when writing TypeScript code, Node.js services, React apps, or discussing TS patterns. Emphasizes strict typing, composition, and modern tooling (bun/vite).
skill-builder
Scaffold new Claude Code skills with correct frontmatter, directory layout, contracts, and validation assets.
htmlcsstoimage
HTMLCSStoImage API via curl. Use this skill to generate images from HTML/CSS or capture screenshots of web pages.
testing-reactnative
Testing React Native. Use when writing tests, reviewing test coverage, or setting up testing.
security-threat-model
Use when designing or reviewing systems handling sensitive data (PII, PHI, financial, auth credentials), building features with security implications (auth, payments, file uploads, APIs), preparing for security audits or compliance (PCI, HIPAA, SOC 2), investigating security incidents, integrating third-party services, or when user mentions "threat model", "security architecture", "STRIDE", "trust boundaries", "attack surface", or "security review".
security-react
Sécurité React. Use when reviewing security, implementing auth, or hardening code.
create-slash-command
Create custom slash commands for Claude Code. Use when the user wants to create, add, or build a new slash command, custom command, or save a prompt as a command.
run-tests
Execute test suites and report results. Use when validating code functionality.
state-management
Gestión de Estado - React Query, Zustand, MMKV. Use when managing application state.
wcag-accessibility
WCAG 2.1 AA/AAA accessibility compliance specialist for ARIA attributes, keyboard navigation, screen reader testing, color contrast validation, semantic HTML, and automated a11y testing with axe-core/