All authors
Claude Skills by majiayu000
github.com/majiayu00015,502 skills859 installs33,165 views
- Frontend Tailwind Shredbx Demo 3d ModelCreate beautiful UIs with Tailwind CSS mastery. Expert in utility-first design, responsive layouts, and design systems. Activate for UI development, design system creation, or CSS optimization. Use it anytime you need to write Tailwind CSS.Votes: 0GitHub stars: 666
- Frontend TddFrontend TDD Agent. React/Next.js 기반 TDD 테스트 작성 및 구현을 담당합니다. 테스트 먼저 작성 후 구현하는 Red-Green-Refactor 사이클을 따릅니다.Votes: 0GitHub stars: 666
- Frontend Test테스트 작성 에이전트. 단위/통합/E2E 테스트를 작성합니다.Votes: 0GitHub stars: 666
- Frontend TesterSenior Frontend QA Engineer with 10+ years JavaScript/TypeScript testing experience. Use when writing unit tests for React components, creating integration tests with React Testing Library, testing custom hooks, mocking APIs, or following TDD for frontend.Votes: 0GitHub stars: 666
- Frontend Testing Fgarofalo56 Suppercharge MicrosoComprehensive frontend testing with Playwright, Cypress, Jest, and React Testing Library. Covers E2E testing, component testing, unit testing, visual regression, and accessibility testing. Use for quality assurance, CI/CD integration, and test automation.Votes: 0GitHub stars: 666
- Frontend TestingGenerate Vitest + React Testing Library tests for Desktop Ethereal frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.Votes: 0GitHub stars: 666
- Frontend ThemingYour approach to handling frontend theming. Use this skill when working on files where frontend theming comes into play.Votes: 0GitHub stars: 666
- Frontend Types**Purpose**: Guidance for creating TypeScript type definitions following existing patterns from `frontend/types/index.ts`.Votes: 0GitHub stars: 666
- Frontend Typescript Shredbx Demo 3d ModelMaster TypeScript's type system for bulletproof JavaScript applications. Expert in advanced types, generics, and type-safe patterns. Activate for TypeScript development, type system design, or JavaScript migration.Votes: 0GitHub stars: 666
- Frontend Ui AnimatorAnalyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".Votes: 0GitHub stars: 666
- Frontend Ui BuilderBuild responsive frontend pages and reusable UI components with clean layouts and modern styling.Votes: 0GitHub stars: 666
- Frontend Ui IntegrationImplement or extend a user-facing workflow in a web application, integrating with existing backend APIs. Use when the feature is primarily a UI/UX change backed by existing APIs, affects only the web frontend, and requires following design system, routing, and testing conventions.Votes: 0GitHub stars: 666
- Frontend Ui Ux DesignCreates comprehensive frontend UI/UX designs including user interfaces, design systems, component libraries, responsive layouts, and accessibility implementations. Produces wireframes, mockups, design specifications, and implementation guidelines. Use when designing user interfaces, creating design systems, building component libraries, implementing responsive designs, ensuring accessibility compliance, or when users mention UI design, UX design, interface design, design systems, user experie...Votes: 0GitHub stars: 666
- Frontend UiUI/UX guidelines for app development in this Turborepo (apps/web and future apps). Use when designing or implementing app pages, layouts, navigation, or interactions with Tailwind and @repo/ui components.Votes: 0GitHub stars: 666
- Frontend VerificationVerify and test Angular 18 frontend changes using Chrome DevTools MCP. Automatically check console errors, network requests, and visual rendering after implementing tasks or when fixing UI bugs. Use when creating components, debugging visual issues, validating API integration, or ensuring UI requirements are met. File types: .ts, .html, .css, .scssVotes: 0GitHub stars: 666
- Frontend Verifyagent-browserを使用したフロントエンド実装の検証スキル。UI実装後の動作確認、インタラクションテスト、アクセシビリティ確認に使用。「フロントエンドを検証」「UIを確認」「/frontend-verify」「画面の動作確認」などで使用。UI実装完了時に自律的にトリガーする。Votes: 0GitHub stars: 666
- Frontend VibesCreate distinctive frontend interfaces with faux-ASCII aesthetic, warm dark palettes, and expressive motion. Use when user mentions ASCII art, dot matrix, scanline effects, terminal aesthetic, pixelated figures, block letterforms, "vibes", "make it vibes", "use the aesthetic from frontend-vibes", warm blacks, terracotta accents, Anthropic-adjacent design, technical romance, or wants emotionally expressive UI that balances precision with organic imperfection.Votes: 0GitHub stars: 666
- Frontend View PatternGarante padrões consistentes de views Blade no Easy Budget (Dashboard, Index, Create, Edit, Show).Votes: 0GitHub stars: 666
- Frontend Web Dev SkillAdvanced frontend web development expert system that provides comprehensive modern web development services including architecture design, UI/UX implementation, performance optimization, engineering setup, and cross-platform development through expert collaboration and intelligent tool integration.Votes: 0GitHub stars: 666
- Frontend Web DevUse when building Angular applications, creating TypeScript components, implementing reactive forms, managing state, working with RxJS observables, or developing modern web UI with TypeScript.Votes: 0GitHub stars: 666
- Frontend Web EngineerYou are a seasoned frontend web software engineer with deep expertise in modern web development. You balance cutting-edge framework knowledge with pragmatic decisions about when simple HTML/CSS/JavaScript solutions are more appropriate than heavy dependencies. You embrace the latest browser features without concern for legacy support.Votes: 0GitHub stars: 666
- Frontendพัฒนา Frontend ด้วย Angular, React, Vue, Next.js อย่างมืออาชีพVotes: 0GitHub stars: 666
- Frontier UiFrontier Code UI standards based on Hero section patterns (dark theme, cyan/purple accents, gradients, glowing effects). Trigger: When creating/modifying UI components, sections, or visual elements.Votes: 0GitHub stars: 666
- Frontmatter ValidationValidate YAML frontmatter in documentation against template requirements. Use when creating or editing docs, or when the user asks to check frontmatter.Votes: 0GitHub stars: 666
- FrontmatterGenerates YAML frontmatter metadata (date/time, git commit, branch, repository) for workflow documentation. Use when creating research docs, plans, or work summaries.Votes: 0GitHub stars: 666
- Frontrange CliExpert guidance for using the FrontRange CLI (fr command) to manage YAML front matter in text documents. Use when working with front-mattered files, YAML metadata, blog posts, markdown with front matter, or when the user mentions 'fr' commands. Supports reading/writing front matter keys, JMESPath-based searching, bulk operations via piping, directory recursion, and multiple format output (JSON/YAML/plist/CSV).Votes: 0GitHub stars: 666
- Frotend UiFrontend UI-specific patterns. For generic patterns, see: typescript, react-19, nextjs-15, tailwind-4. Trigger: When working inside src/react-app.Votes: 0GitHub stars: 666
- Frustration EradicationFrustration Eradication SkillVotes: 0GitHub stars: 666
- Fsd ArchitectureFeature-Sliced Design architecture for frontend. Use when creating new features, slices, or understanding the FSD layer structure.Votes: 0GitHub stars: 666
- Fsd Es LiteFSD + ES-lite アーキテクチャに基づく機能開発スキル。新しいfeature/entity/widgetを追加する時、CQRS + Event Sourcingパターンで実装する時、scaffoldスクリプトを使う時に使用。AI-nativeアプリケーション開発向け。Votes: 0GitHub stars: 666
- Fse ArchitectureOh My Brand! theme architecture and project structure. Directory layout, data flow, asset pipeline, and theme.json configuration. Use for understanding project organization.Votes: 0GitHub stars: 666
- Fse Git WorkflowGuide for committing to Oh My Brand! using Conventional Commits, Husky hooks, and linting. Use this when making commits, pushing to remote, or fixing pre-commit linting failures.Votes: 0GitHub stars: 666
- Fsharp BackendImplement F# backend using Giraffe + Fable.Remoting with proper layer separation. Use when: "implement backend", "add API", "create endpoint", "server logic", "business rules", "backend for X", "API implementation", "server-side", "Giraffe", "Fable.Remoting". Layers: Validation → Domain (pure) → Persistence (I/O) → API. Creates code in src/Server/: Validation.fs, Domain.fs, Persistence.fs, Api.fs.Votes: 0GitHub stars: 666
- Fsharp Csharp BridgeF# Domain/Application層とC# Infrastructure/Web層の型変換パターンを自律的に適用。F#↔C#境界コード実装時・型変換エラー発生時・contracts-bridge Agent作業時に使用。Phase B1で確立した4つの変換パターンをガイド。Votes: 0GitHub stars: 666
- Fsharp FeatureOrchestrates end-to-end F# full-stack feature development across all layers. Use when: "add feature", "implement X", "build Y", "create new feature", "full stack", "new functionality", "add capability", "implement end-to-end", "complete feature". Guides through: Shared types → Backend → Frontend → Tests. Use this for features that touch multiple layers of the application.Votes: 0GitHub stars: 666
- Fsharp FrontendImplement F# frontend using Elmish MVU architecture with Feliz for React components. Use when: "add UI", "create component", "build form", "frontend", "client-side", "user interface", "view", "display", "render", "Elmish", "Feliz", "button", "input", "state management". Creates Model/Msg/update in src/Client/State.fs and views in src/Client/View.fs. Follows strict MVU pattern with RemoteData for async operations and TailwindCSS/DaisyUI for styling.Votes: 0GitHub stars: 666
- Fsharp PersistenceImplement data persistence using SQLite with Dapper, JSON files, or event sourcing. Use when: "database", "save data", "store", "CRUD", "create table", "query", "SQL", "SQLite", "Dapper", "file storage", "JSON file", "event sourcing", "persistence", "read from database", "write to database", "data access", "repository". Creates code in src/Server/Persistence.fs with async I/O patterns.Votes: 0GitHub stars: 666
- Fsharp RoutingImplement client-side routing with Feliz.Router for F# Elmish applications. Use when: "add routing", "create pages", "navigation", "URL handling", "deep linking", "add page", "route to", "browser history", "SPA routing", "multi-page", "navigate to". Creates route definitions, URL parsing, and navigation patterns in src/Client/.Votes: 0GitHub stars: 666
- Fsharp SharedDefine shared domain types and API contracts for F# full-stack applications. Use when: "define types", "create entity", "add model", "API contract", "shared types", "domain model", "record", "discriminated union", "data structure", "DTO", "interface", "type definition", "new entity", "modify types". Creates types in src/Shared/Domain.fs and API interfaces in src/Shared/Api.fs. Always start here when adding new features.Votes: 0GitHub stars: 666
- Fsharp TestsWrite comprehensive tests using Expecto for F# applications. Use when: "add tests", "write tests", "test X", "unit test", "testing", "verify", "Expecto", "test coverage", "TDD", "property test", "async test", "test case". Creates tests in src/Tests/ for domain logic, validation, persistence, and state. Focus on pure functions (domain) and validation rules for best coverage.Votes: 0GitHub stars: 666
- Fsharp ValidationCreate validation logic for F# backends with error accumulation and async validation. Use when: "add validation", "validate X", "input validation", "complex validation", "business rules", "check email", "required fields", "async validation", "database uniqueness", "cross-field validation", "validation errors". Creates validators in src/Server/Validation.fs. Use for complex scenarios; basic validation patterns are in fsharp-backend skill.Votes: 0GitHub stars: 666
- Fswatch DuckdbFileSystemWatcher over /tmp with DuckDB/DuckLake persistence. Auto-starts on Amp sessions for resilient file monitoring with temporal queries.Votes: 0GitHub stars: 666
- FtdiFTDI (Future Technology Devices International) MPN encoding patterns, USB interface chip decoding, and handler guidance. Use when working with FTDI USB bridge ICs or FTDIHandler.Votes: 0GitHub stars: 666
- Fto AnalystAutonomous Freedom to Operate analysis agent. Identifies blocking patents, assesses infringement risk, and recommends mitigation strategies for product commercialization.Votes: 0GitHub stars: 666
- Ftpc Storage WriteFull read-write access to remote storage backends (local, FTP, SFTP, S3, Azure). Upload files, delete files, create directories, in addition to listing and downloading. Use when you need to modify files on cloud storage, FTP servers, or remote filesystems.Votes: 0GitHub stars: 666
- Ftpc StorageRead files from remote storage backends (local, FTP, SFTP, S3, Azure). List directories, download files, inspect metadata. Use for reading data from cloud storage, FTP servers, or remote filesystems without making changes.Votes: 0GitHub stars: 666
- Fuel Bill ProcessorProcess aviation fuel surcharge bills from Excel files. Supports both automatic detection and Claude-assisted modes. Detects headers, matches columns, parses dates/routes, and fetches contract numbers via API. Use when working with aviation fuel bills, Excel file processing, or when user mentions fuel surcharges,航空燃油账单, or 燃油差价费.Votes: 0GitHub stars: 666
- Fujitsu MainframeAnalyzes and assists with Fujitsu mainframe systems including FACOM, PRIMERGY, BS2000/OSD, OSIV/MSP, OSIV/XSP, NetCOBOL, PowerCOBOL, and Fujitsu JCL. Extracts business logic from Fujitsu COBOL programs, analyzes Fujitsu JCL jobs, migrates Fujitsu mainframe applications to modern platforms (Java, cloud, containers), and creates migration strategies. Use when working with Fujitsu mainframe migration, FACOM systems, BS2000, OSIV platforms, NetCOBOL, PowerCOBOL, Fujitsu-specific COBOL extensions,...Votes: 0GitHub stars: 666
- Full Compliance CheckConduct comprehensive compliance screening using all available tools including sanctions, PEP, adverse media, UBO, and business registry checks for thorough due diligenceVotes: 0GitHub stars: 666
- Full Dev CycleComplete development workflow integrating Git operations, GitHub PR management, and Docker deployment. Use for end-to-end development tasks. Triggers include "deploy changes", "create PR and deploy", "full cycle", "git to production", "commit and deploy", "development workflow", or any multi-stage development task.Votes: 0GitHub stars: 666