Blotch Smart Frames
Official@Blotch-Smart-Frames · United Kingdom
The ultimate Smart Frame.
Agent Skills by Blotch Smart Frames
Showing 14 vetted skills indexed across 1 GitHub repositories.
Blotch-Smart-Framesfix-spelling
Resolve cspell unknown-word errors by rewording text or updating dictionaries, patterns, and suppressions.
Blotch-Smart-Framesangular-developer
Generates Angular code and architectural guidance for components, signals, forms, routing, and testing.
Blotch-Smart-Framesangular-testing
Write unit and integration tests for Angular v20+ applications using Vitest or Jasmine.
Blotch-Smart-Framesangular-ssr
Implement server-side rendering, hydration, and prerendering in Angular v20+ applications.
Blotch-Smart-Framesangular-di
Implement dependency injection in Angular v20+ using inject(), injection tokens, and providers.
Blotch-Smart-Framestest-full-coverage
Run monorepo test suites with V8 coverage reporting and identify uncovered code.
Blotch-Smart-Framesangular-routing
Configure Angular v20+ routing with lazy loading, functional guards, resolvers, and signal-based route parameters.
Blotch-Smart-Framesannotate
Adds explanatory inline comments to recent code changes documenting fixes and rationale.
Blotch-Smart-Framesangular-forms
Build signal-based forms in Angular with schema validation and reactive field state.
Blotch-Smart-Framesangular-http
Implement HTTP data fetching in Angular using resource(), httpResource(), and HttpClient.
Blotch-Smart-Framesangular-component
Create Angular standalone components using signal inputs, outputs, and host bindings.
Blotch-Smart-Framesangular-tooling
Guides Angular CLI usage for project setup, code generation, building, and testing in Angular v20+ projects.
Blotch-Smart-Framesangular-directives
Create custom attribute, structural, and host directives in Angular v20+.
Blotch-Smart-Framesangular-signals
Implement reactive state management in Angular using signal, computed, linkedSignal, and effect APIs.
Frequently Asked Questions About Blotch Smart Frames
FAQPage SchemaWhat tasks can I accomplish using Blotch Smart Frames' Angular skills?▼
You can generate Angular v20+ components, services, and directives; implement signal-based state, forms, routing with lazy loading and guards, HTTP data fetching via resource() and httpResource(), SSR with hydration, and run tests with coverage reporting across a monorepo.
Who are these Angular skills designed for?▼
Frontend engineers and Angular developers building modern v20+ applications who need guidance on signals, standalone components, dependency injection with inject(), SSR, accessibility, and testing patterns. Also useful for teams migrating Observable-based code to signal-based reactivity.
How do the testing and coverage skills work in practice?▼
The angular-testing skill writes unit and integration tests using Vitest or Jasmine with TestBed for signal components and inject()-based services. The test-full-coverage skill runs all tests with coverage reporting across the monorepo to find uncovered code and verify thresholds.
Are these skills open source and what do they cost?▼
The angular-developer skill is explicitly licensed under MIT by Google LLC, making it free to use and modify. Other skills in the manifest do not specify licenses, so users should check individual skill folders before redistribution.
What prerequisites or dependencies do these skills require?▼
Skills target Angular v20+ (Signal Forms require v21+). Testing skills need Vitest or Jasmine with TestBed; SSR requires @angular/ssr. The fix-spelling skill requires cspell, and coverage and annotate skills require Bash, Read, and Edit tool access.