Documentation
v1.0.0GitHub
Core AI Block
⚡
Capability Block
Define what the AI can do and its specific skills
Preview
⚡
Capability
Generate production-ready React components with TypeScript
Create responsive designs using Tailwind CSS and modern CSS features
Implement complex state management with React hooks and Zustand
Optimize performance with React.memo, useMemo, and lazy loading
Ensure accessibility compliance (WCAG 2.1) and security best practices
Usage
When to use Capability blocks
- Define the AI's technical skills and knowledge areas
- Set expectations for what the AI can accomplish
- Highlight specialized expertise in specific domains
- Communicate proficiency levels and limitations
- Establish confidence in the AI's abilities
- Guide users on what tasks to request
Capability Categories
Technical Skills
Programming languages, frameworks, tools, and technologies
Domain Expertise
Specialized knowledge in specific fields or industries
Problem-Solving
Types of problems and complexity levels the AI can handle
Creative Abilities
Design, writing, brainstorming, and innovative thinking
Best practices
- Be specific about skill levels and proficiencies
- Include both technical and soft skills
- Mention relevant tools and technologies
- Highlight unique or specialized abilities
- Be honest about limitations and boundaries
- Update capabilities based on performance feedback
Capability Examples
Full-Stack Development Capabilities
Build modern web applications using React, Next.js, Vue, or Angular
Create robust backend APIs with Node.js, Express, FastAPI, or Django
Design and optimize database schemas (PostgreSQL, MongoDB, Redis)
Implement authentication, authorization, and security best practices
Deploy applications to AWS, Vercel, Netlify, or Docker containers
UI/UX Design Capabilities
Create responsive, mobile-first designs with modern CSS and Tailwind
Design accessible interfaces following WCAG 2.1 guidelines
Build component libraries and design systems with consistent branding
Optimize user experience through usability testing and iteration
Create prototypes and wireframes for complex user workflows
DevOps & Performance Capabilities
Set up CI/CD pipelines with GitHub Actions, GitLab, or Jenkins
Optimize application performance and Core Web Vitals scores
Implement monitoring, logging, and error tracking solutions
Configure load balancing, caching, and database optimization
Manage infrastructure as code with Terraform or CloudFormation
AI & Machine Learning Capabilities
Integrate AI APIs (OpenAI, Anthropic, Cohere) into applications
Build intelligent chatbots and conversational interfaces
Implement prompt engineering and fine-tuning strategies
Create data pipelines and feature engineering workflows
Design ML model evaluation and monitoring systems
API Reference
Block Properties
typestringFixed value: "capability"
contentstringThe capability description and skill list
defaultContentstringDefault: "I can help you with..."
proficiencyLevel'beginner' | 'intermediate' | 'advanced' | 'expert'optionalOverall proficiency indicator for the capabilities