🧩
FrontendShell

Bloc

by evanca

Bloc is a Frontend skill for Claude Code, published by evanca in flutter-ai-rules.

616 stars60 forkson evanca/flutter-ai-rulesAdded 2026/08/24Repository updated 2026/08/21
View source on GitHubDownload repo ZIP
aiai-rulesai-skillsantigravityclaudeclaude-aiclaude-codeclaude-skillscodexcodex-clicodex-skillcodex-skillscursorcursor-aidartdartlangflutterllmwindsurfwindsurf-ai
Install in seconds
Install Bloc
Copy Bloc into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/evanca/flutter-ai-rules/tree/main/skills/bloc ~/.claude/skills/bloc

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/evanca/flutter-ai-rules.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/bloc/SKILL.md in evanca/flutter-ai-rules
Installs to
~/.claude/skills/bloc
Collection
One of 25 skills cataloged from this repository
Category
Frontend — 732 skills

What Bloc does

Bloc designs, implements, and tests Flutter state management with Cubit and Bloc. Use it when creating states, wiring Bloc widgets, or choosing between Cubit and Bloc.

Bloc is cataloged under Frontend on DirSkills. Bloc comes from a repository tagged ai, ai-rules, ai-skills, antigravity and claude.

Documentation

README

Bloc Skill

Design, implement, and test state management using the bloc and flutter_bloc libraries.

When to Use

Use this skill when:

  • Creating a new Cubit or Bloc for a feature.
  • Modeling state (choosing between sealed classes and a single state class with status enum).
  • Wiring BlocBuilder, BlocListener, BlocConsumer, or BlocProvider in the widget tree.
  • Writing unit tests for a Cubit or Bloc.
  • Deciding between Cubit and Bloc.
  • Refactoring existing state management to follow bloc conventions.

1. Cubit vs Bloc

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Bloc

  • What else does evanca publish alongside Bloc?

    Bloc is one of 25 skills that DirSkills catalogs from evanca/flutter-ai-rules, the repository it ships in. Its siblings there include Accessibility, Code Review and Dart 3 Updates. Each one is a separate skill with its own page in this directory, installs the same way Bloc does, and is maintained by evanca in that same repository. The rest of the collection is listed on the evanca/flutter-ai-rules page.

  • How does Bloc compare to other Frontend skills?

    Bloc ranks #462 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Bloc against them. Open each page to compare what they document and how they install.

More from evanca/flutter-ai-rules

Bloc is one of 25 skills cataloged on DirSkills from evanca/flutter-ai-rules.

See all 25 skills →
♿
2026/08/24

Accessibility

Accessibility helps check whether people can perceive, navigate, and interact with a product using assistive tools or alternate input methods. Use it for WCAG, ARIA, keyboard support, screen readers, contrast, text alternatives, captions, motion, and target sizes.
Quality
61660
🔍
2026/08/24

Code Review

Code Review performs structured reviews of Flutter and Dart changes in pull requests, branches, or diffs. Use it to inspect changed files for correctness, tests, style, and code quality.
Quality
61660
🎯
2026/08/24

Dart 3 Updates

Dart 3 Updates shows how to use Dart 3 branches, patterns, and records idiomatically. Use it when refactoring switch logic, destructuring values, or choosing between records and classes.
Frontend
61660
🧪
2026/08/24

Effective Dart

Effective Dart helps you write, review, and refactor Dart code to match idiomatic style and typing rules. Use it for naming, imports, doc comments, formatting, and other Flutter/Dart conventions.
Quality
61660
🔥
2026/08/24

Firebase AI

Firebase AI helps set up Firebase AI Logic in Flutter for Gemini text, chat, streaming, and multimodal prompts. Use it when building AI features, handling errors, and adding safety or offline behavior.
AI Engineering
61660
📊
2026/08/24

Firebase Analytics

Firebase Analytics helps implement event logging, user properties, default parameters, and screen tracking in Flutter apps. Use it when setting up analytics or validating funnels and user flows.
AI Engineering
61660

More Frontend skills

Bloc is one of 732 Frontend skills cataloged on DirSkills, ranked #462 by stars among them.

Browse all Frontend skills →
🅰️
2026/08/13

Angular Developer

Angular Developer generates Angular code and provides architectural guidance for Angular projects. Use it for creating projects, components, or services, or for best practices on reactivity, forms, DI, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.
Frontend
239.8K36.4K
🏗️
2026/08/13

Android Clean Architecture

Android Clean Architecture provides patterns for structuring Android and Kotlin Multiplatform projects, covering module boundaries, UseCases, Repositories, and data layer with Room, SQLDelight, and Ktor. Use it when setting up layered architecture in Android or KMP projects.
Frontend
239.8K36.4K
♿
2026/08/13

Accessibility

Accessibility helps design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards for keyboard, contrast, and screen-reader support. Use it when building or auditing UI that must meet WCAG 2.2 Level AA or reviewing changes for accessibility.
Frontend
239.8K36.4K