skills.rest
mahirocoko
mahirocokoCOMMUNITY
Explore all skills by this author →
GitHub

frontend-design

List, search, and compose bundled frontend design prompts via scripts/main.ts.

Updated Jun 21, 2021
Search Tags:#search#assets#prompts#list#compose#frontend-design#brief
One-click install
npx skills add https://github.com/mahirocoko/mahirocoko --skill frontend-design-mahirocoko
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/mahirocoko/mahirocoko/tree/main/.agents/skills/frontend-design
Command: npx skills add https://github.com/mahirocoko/mahirocoko --skill frontend-design-mahirocoko

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Bundled frontend design prompts are difficult to access deterministically. This skill provides a lean portable wrapper to list, search, compose, and scaffold disciplined frontend design briefs from bundled assets, enabling a prompt-first workflow without remote fetches, caches, or generation layers.

Core Features & Use Cases

  • List, search, and compose prompts from bundled assets (design-prompts.json and design-skill-prompts.json) to produce deterministic outputs.
  • Generate structured design briefs that separate canonical prompt assets from workspace references, enabling evidence-based design direction.
  • Validate and explore assets via a lightweight skill-local script-driven CLI, with a local validation harness and fixture support.

Quick Start

Run bun scripts/main.ts list to inspect the inventory, then bun scripts/main.ts compose --general hero to generate a baseline prompt stack.

Frequently Asked Questions about frontend-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I organize bundled frontend design prompts into a structured brief?▼

You can generate structured frontend design briefs by running a local script to list, search, and compose bundled prompt assets deterministically. This separates canonical prompt assets from workspace references without remote fetches.

What's the best way to search bundled design prompts locally without caching?▼

The best way to search bundled design prompts locally is using a skill-local script that reads resources and fixtures directly, validating and driving a deterministic list/search/compose workflow without remote fetches or caching layers.

Does this frontend design brief tool require remote fetches or generation layers?▼

No, this frontend design brief tool operates entirely locally. It reads workspace-local or skill-local references and bundled assets to inform implementation-ready direction without needing remote fetches, caches, or generation layers.

How do I compose a baseline prompt stack from bundled design assets?▼

To compose a baseline prompt stack, run the main CLI script with a compose command and a general flag. This validates bundled assets like design-prompts.json and produces a deterministic output for immediate implementation direction.

Can I validate and explore bundled frontend design assets via a local script?▼

Yes, you can validate and explore bundled frontend design assets using a lightweight skill-local script-driven CLI. It includes a local validation harness and fixture support to inspect the inventory and drive the compose workflow.

Related Skills

Explore More Design & Creative Skills→
svssdevasvssdeva
1

bun-runtime

Migrate JavaScript and TypeScript projects to the Bun runtime and toolchain.

Community
Intermediate
tomasbassotomasbasso

frontend-design

Translates design briefs into production-grade frontend interfaces and components.

Community
Advanced
skaile-aiskaile-ai

test-count-artifacts

Count regular files under workspace/test and write the count to count.txt.

Official
Basic
nanocoainanocoai
30.5k

add-atomic-chat-tool

Integrate local Atomic Chat models with OpenAI-compatible APIs for on-device inference.

Official
Intermediate