7a336e6e
58 verified skills58 total stars
Generating Technical Spec
Break a system architecture into implementable work packages with clear tasks, dependencies, and integration contracts.
testing1
Securing Data
Implement database security through encryption, Row-Level Security, connection hardening, backups, and audit logging.
testing1
Writing Queries
Write SQLAlchemy ORM models and queries following repository patterns, with guidance on when to use raw SQL.
documentation1
Provisioning Infrastructure
Manage cloud resources using Infrastructure as Code (IaC) with Terraform or Pulumi to ensure reproducibility and prevent configuration drift.
development1
frontend-landing
# 🎭 Immersive Storybook Landing Page — Frontend Skill > **Build a cinematic, full-screen storybook-style landing page** with scroll-hijacked scene transitions, animated mascot/guide, glassmorphism UI, and dark-theme premium aesthetics. The user tells you what the product/page is about — you craft the experience. --- ## 📋 Skill Metadata | Key | Value | |-----|-------| | **Difficulty** | Advanced | | **Stack** | Next.js (App Router) · React 19 · TypeScript · Tailwind CSS · Framer Motion | |
development1
frontend-landing/testing-frontend
# Testing Frontend — Verification & Quality Assurance > Ensure the storybook experience works flawlessly across devices, > browsers, and interaction modes before every deploy. --- ## Overview A full-screen, animation-heavy landing page has **unique testing challenges** that standard unit tests don't cover: | Challenge | Why Standard Tests Fail | | ---------------------------- | ---------------------------------------- | | Scene transitions | De
development1
scaffolding-frontend
Initialize a Vite + React + TypeScript project with standardized directory structure, tooling, and configuration.
tools1
Managing Backlog
Refine, prioritize, and clean the product backlog to ensure the team is always working on the highest-value tasks.
tools1
frontend-landing/bundling-frontend
# Bundling Frontend — Optimisation & Deployment > Ship a 60 fps storybook experience that loads fast on 3G, scores > 90+ on Lighthouse, and deploys in one command. --- ## Overview An animation-heavy, full-screen landing page has specific bundling concerns that differ from a typical content site: | Concern | Why It Matters | | ------------------------ | -------------------------------------------------- | | **JS bundle size** | Frame
development1
brainstorming
Generate creative ideas, solve complex blocking problems, and explore alternative approaches using divergent and convergent thinking.
data-ai1
Building API Routes
Build RESTful Flask routes with input validation, consistent response formatting, and pagination.
development1
conducting-security-audit
Perform a rigorous, full-spectrum security assessment of the codebase, infrastructure, and logic flows to identify and remediate vulnerabilities.
development1
creating-page-layouts
Design immersive, high-end page structures using Bento Grids, Asymmetry, and Sticky Scrolling. Reject the "Generic SaaS Template."
content-media1
Designing Architecture
Turn structured requirements into a system architecture with defined components, boundaries, API contracts, and data storage strategy.
development1
Managing Flask Middleware
Configure Flask middleware for CORS, rate limiting, security headers, and request logging.
testing1
frontend-landing/managing-state
# 🧠 Managing State > Navigation engine, scroll hijacking, and state management for the storybook. --- ## Sub-Skills | # | File | What It Covers | |---|------|----------------| | 01 | [Navigation Engine](01-navigation-engine.md) | Wheel, touch, keyboard handlers + scroll detection + transition lock | --- ## State Overview The entire storybook has surprisingly little state: | State | Type | Purpose | |-------|------|---------| | `introState` | `"loading" \| "playing" \| "done"` | Controls
development1
Reviewing Agent Output
Quality gates and output validation — verify that agent deliverables meet acceptance criteria, maintain cross-agent consistency, and are ready for integration.
testing1
Orchestrating Workflow
Manage sequential and parallel execution across specialist agents, maximizing throughput while respecting task dependencies.
testing1
building-rag-pipelines
Design and implement production-quality RAG (Retrieval-Augmented Generation) pipelines with hybrid search, reranking, agentic patterns, and continuous learning.
development1
implementing-local-auth
User registration, login, and password hashing with bcrypt for local authentication flows.
tools1
implementing-oauth
GitHub and Google OAuth 2.0 integration using Authlib for Flask applications.
development1
Handling Errors
Implement centralized error handling in Flask with custom exceptions, global handlers, and structured error responses.
tools1
deploying-flask
Prepare and deploy the Flask application to a production environment using Gunicorn, Docker, and Nginx.
devops1
Scaffolding Flask
Set up a Flask application using the app factory pattern with blueprints, extensions, and environment-specific configuration.
tools1
Designing Schemas
Design normalized PostgreSQL schemas from tech specs, with proper constraints, naming conventions, and standard columns.
data-ai1
Optimizing Performance
Diagnose and fix PostgreSQL performance issues using EXPLAIN ANALYZE, indexes, connection pooling, and query optimization.
data-ai1
brand-identity
Define the "Soul" of the project—its voice, visual texture, and emotional core. Moves beyond "colors and fonts" to "feeling and memory."
tools1
ensuring-accessibility
Ensure WCAG 2.2 AA compliance covering color contrast, keyboard navigation, screen reader support, accessible forms, and motion preferences.
tools1
Configuring CI/CD
Set up automated pipelines for linting, testing, and deployment using GitHub Actions.
development1
Implementing Observability
Instrument the application with Logging, Metrics, and Tracing (OpenTelemetry) to understand system behavior and debug production issues.
development1
Site Reliability Engineering
Define Service Level Objectives (SLOs), manage Error Budgets, and conduct Incident Reviews to balance reliability with velocity.
testing1
frontend-landing/building-components
# 🧱 Building Components > All visual components for the immersive storybook landing page. --- ## Sub-Skills | # | File | What It Covers | |---|------|----------------| | 01 | [Theme & CSS](01-theme-and-css.md) | CSS custom properties, glassmorphism, gradients, glow effects, keyframes | | 02 | [Scene Config](02-scene-config.md) | The PAGES[] data array, transition variants, TypeScript interfaces | | 03 | [Intro Sequence](03-intro-sequence.md) | Branded loading animation with sessionStorage p
development1
frontend-landing/integrating-api
# Integrating API — Data, Forms & Analytics > Wire up dynamic data, capture leads, and track engagement without > slowing down the immersive experience. --- ## Overview A storybook landing page is mostly **static visual theatre**, but three API touch-points turn it into a business tool: | Touch-Point | Purpose | Timing | | --------------------- | ---------------------------------- | ------------------- | | **Form submission** | Capture lea
tools1
frontend-landing/scaffolding-frontend
# 🏗️ Scaffolding Frontend > Set up the Next.js + Tailwind + Framer Motion project foundation for an immersive storybook landing page. --- ## Prerequisites - Node.js 18+ - npm or pnpm --- ## Step 1 — Create the Next.js Project ```bash npx create-next-app@latest my-landing \ --typescript \ --tailwind \ --app \ --eslint \ --src-dir=false \ --import-alias="@/*" ``` This gives you: - App Router (`app/` directory) - TypeScript - Tailwind CSS 3+ - Path alias `@/*` mapping to projec
development1
integrating-api
Implement a type-safe API client using TanStack Query and Axios/Fetch to handle data fetching, caching, and server state.
tools1
building-components
Build React components with TypeScript, composition patterns, and consistent structure.
development1
managing-state
Manage frontend state using Zustand for client state, TanStack Query for server state, and React Context for global static values.
tools1
Defining User Stories
Translate high-level requirements into specific, value-focused user stories with acceptance criteria.
testing1
auditing-dependencies
Analyze third-party libraries and supply chain risks to ensure no compromised or vulnerable code enters the project.
development1
securing-agents
Enforce safeguards specifically for AI Agents to prevent prompt injection, tool misuse, and excessive autonomy (OWASP Top 10 for Agents).
tools1
git-workflow
The git-workflow skill defines branching conventions, commit message formats, and pull request standards that all agents must follow for consistent version control.
development1
Writing Documentation
Create clear, maintainable documentation for APIs, codebases, and end-users. Treat documentation as code.
development1
Writing Migrations
Create and manage Alembic database migrations with safe upgrade and downgrade paths.
data-ai1
generating-css
Generate production CSS from design tokens using Tailwind CSS or vanilla CSS. Maps tokens to Tailwind theme config and establishes CSS architecture.
development1
managing-sessions-tokens
JWT access tokens, refresh tokens, cookie management, token rotation, and revocation strategies.
tools1
environment-config
The environment-config skill standardizes how agents manage environment variables, secrets, and application configuration across local development and deployed environments.
development1
Test Driven Development
Implement features using the Red-Green-Refactor cycle to ensure testability and correctness from the start.
development1
Systematic Debugging
rigorous, evidence-based approach to identifying root causes of bugs using the Scientific Method (Hypothesis -> Experiment -> Conclusion).
development1
Testing Flask
Test Flask applications with pytest using fixtures, test client, factory data, and organized test structure.
tools1
testing-frontend
Implement comprehensive frontend testing using Vitest for unit/integration tests and React Testing Library for component interactions.
development1
task-tracking
Manage the `tasks.md` ledger with strict locking and collision avoidance protocols to allow multiple agents to work in parallel safely.
data-ai1
bundling-frontend
Configure Vite to build optimized production assets, handling code splitting, tree-shaking, and static asset management.
development1
Delegating Tasks
Decompose requirements into discrete tasks and delegate them to the most appropriate specialist agents based on their capabilities.
testing1
code-review
The code-review skill defines review standards, checklists, and comment conventions that agents follow when reviewing pull requests to maintain code quality and knowledge sharing.
development1
designing-ui-system
Create a unique, soulful design system that avoids generic "AI Slop." Defines tokens for color, typography, spacing, and motion that feel handcrafted and intentional.
testing1
securing-auth-routes
Securing authentication routes with CSRF protection, rate limiting, HTTPS enforcement, and brute force mitigation.
tools1
Analyzing Requirements
Translate natural-language requirements into structured, prioritized specifications with clear acceptance criteria.
testing1
project-planning
Define project scope, milestones, MVP requirements, and roadmap to turn vague ideas into executable plans.
tools1