Build and review React or Next.js interfaces using practical patterns for reusable components, state management, data fetching, forms, and rendering performance. Includes keyboard navigation and focus management to support accessible interactions.
- Build reusable React components
- Review state management and data fetching
- Improve rendering performance for long lists
affaan-m/ECC☆ 285.1KUpdated Oct 21, 2026
Turn lessons from complex tasks, debugging, failures, or rollbacks into short learning entries. Capture the root cause, a reusable action, and a recognizable signal, then merge examples that share a cause with existing notes.
- Capture lessons after a complex task
- Record root causes and lessons from debugging
- Merge learning notes that share the same cause
affaan-m/ECC☆ 285.1KUpdated Oct 21, 2026
Build Kotlin database access with JetBrains Exposed, a library that maps database records to code. Apply examples for queries, transactions, reusable connections, schema migrations, and repository interfaces that separate database operations from business logic.
- Implementing database queries and updates
- Configuring reusable database connections
- Managing database schema migrations
affaan-m/ECC☆ 285.1KUpdated Oct 21, 2026
Build Playwright tests that reproduce browser interactions, organize reusable page operations, and run checks automatically. Investigate tests that fail inconsistently, and save screenshots, videos, and execution traces to help diagnose failures.
- Testing login and search flows
- Organizing reusable page operations
- Investigating intermittent test failures
affaan-m/ECC☆ 285.1KUpdated Oct 21, 2026
Design task-specific workflows for repeated agent work, with pass/fail checks, progress records, and handoff notes. Identify when a temporary workflow should become a shared skill that teammates can run and evaluate again.
- Designing a workflow for repeated agent tasks
- Adding task-specific pass/fail checks
- Turning recurring work into a shared skill
affaan-m/ECC☆ 285.1KUpdated Oct 21, 2026
Design a persistent multi-agent workflow in Claude Code, with specialist roles, reusable commands, file-based memory, and scheduled tasks. Keep project context and decisions across sessions using JSON and Markdown files without an external database.
- Coordinate specialist agents for development and writing
- Preserve project context across sessions
- Schedule recurring morning briefings
affaan-m/ECC☆ 285.1KUpdated Oct 21, 2026
Control local language model output with patterns and grammar rules to generate structured JSON, formatted dates, and fixed classification labels. The skill also covers reusable Python functions and workflows that combine multiple generation steps.
- Generate JSON that follows a defined schema
- Keep dates and email addresses in a specified format
- Classify text using a fixed set of labels
NousResearch/hermes-agent☆ 255.7KUpdated Oct 20, 2026
Official · ClaudeFreeSummaryAI rating 80 Create reusable agent skills from recurring tasks, or improve existing ones through test prompts and user feedback. Compare outputs with and without a skill, measure performance, and refine descriptions so skills are invoked for the right requests.
- Turning a recurring workflow into a reusable skill
- Improving an existing skill using feedback
- Comparing results with and without a skill
anthropics/skills☆ 182.6KUpdated Oct 10, 2026
Build MCP servers that let AI access actions and data using mcp-use. The guide covers project setup, reusable prompts, interactive React interfaces, authentication, error handling, and deployment, with reference files for each area.
- Create a new MCP server with mcp-use
- Add actions, data resources, or reusable prompts
- Build interactive React interfaces for browsing and selection
Shubhamsaboo/awesome-llm-apps☆ 142.5KUpdated Oct 19, 2026
Turn the most recent successful /scrape workflow into a reusable browser skill saved on disk. It builds a script, tests, and sample test data from the conversation, checks them, and asks before committing the result.
- Saving a successful scrape for repeated use
- Turning browser steps into a reusable script
- Creating tests and sample data for a saved scrape
garrytan/gstack☆ 137.1KUpdated Oct 20, 2026
Build and update Paperclip interfaces using shared rules for colors, typography, status indicators, layouts, and interactions. Reuse existing components and keep the component catalog and showcase page aligned with new or changed interface elements.
- Add pages that follow Paperclip UI conventions
- Create reusable interface components
- Standardize status colors and priority icons
paperclipai/paperclip☆ 105.4KUpdated Oct 20, 2026
Turn screenshots, reference links, and rough visual preferences into a reusable DESIGN.md, a record of design decisions, and practical handoff instructions for building prototypes, presentations, redesigns, or image remixes.
- Define an app's visual direction from reference images
- Document design decisions before a redesign
- Hand off consistent visual rules for presentation production
nexu-io/open-design☆ 102.9KUpdated Oct 21, 2026
Extract colors, fonts, logos, imagery, and writing style from a live website. Turn measured page details into a structured brand kit, a written guide, and a reusable design system with visual previews.
- Document a website's colors, fonts, and logos
- Build a brand guide from a reference website
- Collect representative brand imagery
nexu-io/open-design☆ 102.9KUpdated Oct 21, 2026
Create and manage DESIGN.md as a shared reference for design direction, reusable design values, and visual rules. This catalogue entry introduces the skill; its complete workflow requires installing the upstream bundle.
- Documenting a project's design direction
- Collecting reusable design values in one reference
- Managing visual rules in DESIGN.md
nexu-io/open-design☆ 102.9KUpdated Oct 21, 2026
Build agent memory with ReasoningBank and AgentDB. Record actions and outcomes, retrieve similar experiences, assess results, and consolidate memories into reusable patterns so agents can draw on past work when making decisions.
- Build agent memory that reuses past experiences
- Record and assess sequences of agent actions
- Consolidate similar experiences into reusable patterns
ruvnet/RuView☆ 99KUpdated Oct 20, 2026
Build agent memory with ReasoningBank and AgentDB. Record actions and outcomes, retrieve similar experiences, assess results, and consolidate memories into reusable patterns so agents can draw on past work when making decisions.
- Build agent memory that reuses past experiences
- Record and assess sequences of agent actions
- Consolidate similar experiences into reusable patterns
ruvnet/ruflo☆ 78KUpdated Oct 20, 2026
Review and add E2E tests, which check complete user journeys such as signing in or checking out. Identify missing coverage, organize reusable tests, and check that automated delivery workflows run them and handle failures.
- Checking test coverage for sign-in and checkout flows
- Adding tests for form submissions
- Reviewing automated test runs and failure handling in CI/CD
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review a reusable Agent Skill package before implementation. Validate its identity fields, separate instructions from external capabilities and execution timing, and receive a validation report with a minimal set of building blocks and reasons for each choice.
- Reviewing a workflow before turning it into a reusable skill
- Checking SKILL.md identity fields
- Choosing instructions, scripts, or delegation
rohitg00/ai-engineering-from-scratch☆ 71.9KUpdated Oct 19, 2026
Structure an HTML video project for HyperFrames, with explicit clip timing, tracks, reusable scene sections, and framework-controlled media playback. Provides rules for repeatable rendering and checks to identify composition problems before producing the final video.
- Create the HTML structure for a video project
- Organize clip timing and tracks
- Connect reusable scene sections
calesthio/OpenMontage☆ 70.4KUpdated Oct 17, 2026
Build reusable interface components with Tailwind CSS v4, using shared design values for colors, corners, and themes. Covers buttons, forms, responsive layouts, accessibility, and dark mode to help standardize interfaces across a project.
- Build a reusable UI component library
- Standardize colors and component styles
- Add responsive layouts and dark mode
calesthio/OpenMontage☆ 70.4KUpdated Oct 17, 2026
Finds and rewrites code by its syntax structure across 25 languages. Use it to locate matching calls or declarations, preview bulk changes, and run reusable YAML rules that check code or apply fixes.
- Finding calls or functions with a specific structure
- Previewing and applying bulk code changes
- Checking code with reusable YAML rules
code-yeongyu/oh-my-openagent☆ 70.2KUpdated Oct 21, 2026
Create, edit, and inspect spreadsheets for reusable budgets, models, and trackers. Check formulas and dependent totals, preserve unrelated data, and deliver an editable workbook or a link to the updated native spreadsheet.
- Build a monthly headcount budget
- Investigate an incorrect quarterly total
- Fix formulas and highlight changed cells
asgeirtj/system_prompts_leaks☆ 70KUpdated Oct 20, 2026
Build a design system from product code, Figma designs, and brand materials. Organize colors, typography, assets, and writing guidelines, then create reusable React components and interactive screen examples that follow the source designs.
- Organize brand assets and design guidelines
- Create reusable React components from existing designs
- Recreate product screens as an interactive UI kit
asgeirtj/system_prompts_leaks☆ 70KUpdated Oct 20, 2026
Create a title animation where glass shards emerge through fog, assemble into a headline, and fly past the camera. Adjust the text, shard count, rotation, timing, and fog in a reusable HyperFrames video block.
- Create a glass title sequence for a video
- Adjust shard count and motion for a headline
- Add a reusable title block to a HyperFrames project
heygen-com/hyperframes☆ 68.8KUpdated Oct 20, 2026